CSS
Animation Generator
🌓
Presets
Animation Settings
Animation Name
Duration (s)
Timing Function
ease
linear
ease-in
ease-out
ease-in-out
elastic
Iteration Count
infinite
1
2
3
5
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Keyframes
Percentage
Add Keyframe
Live Preview
â–¶ Play Animation
Generated CSS
Copy CSS