CSS Tools
Recently added
CSS Animation Generator
Tune duration, delay, and iterations to build a reusable @keyframes snippet you can paste into stylesheets.
Features
- Live preview
- Duration/delay controls
- Copy CSS
How to use CSS Animation
- 1Adjust controls.
- 2Copy the CSS output.
Examples
1s infinite
Inputduration=1 iterations=infiniteOutput
@keyframes.. animation:..
About CSS Animation
CSS Animation Generator creates starter keyframe animations with a live preview and copy-ready CSS.
Frequently asked questions
This starter uses a scale/opacity bounce; edit the CSS after copying.
No.
Set iterations to infinite.