CSS Animation Builder
Create CSS @keyframes animations visually. Pick a preset or build your own.
Presets
Animation Properties
name
duration
timing
ease
linear
ease-in
ease-out
ease-in-out
delay
iterations
1
2
3
infinite
direction
normal
reverse
alternate
alternate-reverse
fill-mode
none
forwards
backwards
both
Restart
Pause
Keyframes
+ Add Step
Preview
Generated CSS
Copy CSS