CSS Animations

The CSS Animations module of Emil Kowalski's Animations on the Web course (animations.dev), as a working reference. The animation driver here is CSS; recipes can use JavaScript or React for state and lifecycle.

Follow ../animate/references/canonical-policy.md for the shared motion policy. It wins if this guide conflicts with it.

For the worked patterns (hover reveals, toast stacks, text reveals, orbits, clip-path effects), load RECIPES.md.

Is CSS the right tool?

Reach for CSS when:

• A simple hover effect.
• Animating an element in or out.
• An infinite, linear animation — marquee, spinner.
• The project is bundle-size sensitive.

Reach for Motion / another library when: