CSS Animation Generator

Generate CSS animation keyframes. Free, instant.

Animation type (fade/slide/bounce/spin)

CSS

How to Use CSS Animation Generator

Enter animation type.

Get CSS keyframes.

Copy or download your result.

Animation vs transition?

Transitions need a trigger (hover). Animations can run automatically and loop.