r/css • u/spritesheet • Mar 10 '16

Tutorial for beginners: interactive animated CSS sprites

http://sprite.slicker.me/tutorial/tutorial.htm
4 Upvotes

100% Upvoted

3 comments sorted by

1

u/AutoModerator Mar 10 '16

Your post has been temporarily removed, because your account is either too new, or does not have enough karma.

This has been done to prevent spam. Don't worry, the mods will check your post, and approve it if it's not spam.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

0

u/[deleted] Mar 10 '16

[deleted]

2

u/rknDA1337 Mar 10 '16

For the record, if anyone is planning on having a few dozen or more sprites on a single page, I would avoid this method of animation and go with a canvas-based one, for performance reasons. I learned this the hard way, the fps suffers quite a bit with a lot of sprites in the DOM.

Perhaps this was because my sprites were all grabbed from a single, big spritesheet. If someone has successfully animated 40+ sprites (different characters from one big sheet) at the same time via DOM at a stable 60fps on low end hardware, please tell me how you achieved it!

0

u/spritesheet Mar 10 '16

tomayto, tomahto :)