Developer tool
CSS Animation Generator
Pick a motion, adjust its timing and preview it before copying the CSS.
Runs in your browser. No upload.
Preview
About this tool
CSS Animation Generator made simple.
The preview uses CSS in this page. It does not run scripts or upload your code. Check reduced-motion needs before using an animation on a live site.
Common questions
About CSS Animation Generator.
How do I use CSS animation generator?
Pick a motion, adjust its timing and preview it before copying the CSS.
Is my data uploaded to a server?
No. This tool runs locally in your browser. Your input is not uploaded.