Skip navigation

Animate a sprite sheet with CSS

Animate a sprite sheet with CSS: Creating Web Media
Animate a sprite sheet with CSS: Creating Web Media

You can create an animation in a web page using a sprite sheet graphic and CSS. A sprite sheet is a single graphic that contains multiple images, or frames of an animation. Using CSS, we can mask, and quickly change the position of the sprite sheet, to create the illusion of motion. In a later episode, you can animate this same sprite sheet using JavaScript, instead of CSS.

Resume Transcript Auto-Scroll
Skill Level Intermediate
3h 6m
Duration
17,849
Views
Show More Show Less
Skills covered in this course
Web Web Development Web Graphics

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now