CSS Animation
Visual keyframe animation generator. 12 presets, custom timing.
Bounce
Pulse
Shake
Spin
Fade In
Fade Out
Slide In
Slide Up
Flip
Swing
Rubber
Jello
Timing
duration
1s
delay
0s
easing
ease
ease-in
ease-out
ease-in-out
linear
bounce-out
overshoot
steps(5)
steps(10)
Behavior
iteration
1
2
3
5
infinite
direction
normal
reverse
alternate
alternate-reverse
fill-mode
none
forwards
backwards
both
Animation Name
name
Box
▶ Replay
⏸ Pause
Click to copy CSS