Motion Design with CSS Motion Design with CSS

Sprite Animation with CSS

Rachel Nabors
Rachel Nabors
Award Winning Cartoonist

An image containing multiple frames or cells of an animation is often referred to as a sprite sheet. Sprite sheets are animated by showing each cell one after another like a flip book. Rachel talks about how the steps() timing function can be used to create a sprite animation with CSS.

Get Unlimited Access Now