Join us for a sweet adventure as you use CSS to create fun, engaging web animations.

LEVEL 1
Transitions
Learn how to sweeten up your web app using CSS transitions for color, position, and visibility.

LEVEL 2
Transforms
Moving, scaling, invisibility — oh my! Open up a world of animation possibilities with transforms.

LEVEL 3
Keyframes
Use keyframe animations to create some tasty and reusable animations for our form modal and donut character.

LEVEL 4
SVG
Explore the benefits of using super-crisp SVGs and how to animate them.