CSS Animation Builder
Visual keyframe editor with timeline. Build CSS animations with live preview.
Presets
Fade In
Fade Out
Slide In
Bounce
Spin
Pulse
Shake
Swing
Animation Settings
Name
Duration (s)
Easing
ease
ease-in
ease-out
ease-in-out
linear
elastic
smooth
steps(5)
Iterations
1
2
3
5
Infinite
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Preview
Restart
Timeline
0%
25%
50%
75%
100%
+ Add Keyframe
Keyframes
CSS Output
Copy CSS