← Back to tools
CSS Animation Builder
Build CSS keyframe animations visually. Add keyframes, edit properties, preview live.
Preview
0%
50%
100%
Play
Stop
Reset
Generated CSS
Copy
Animation Settings
Name
Duration
Timing
ease
linear
ease-in
ease-out
ease-in-out
bounce
Iterations
1
2
3
infinite
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Keyframes
Add Keyframe
Properties at
%
transform
opacity
background-color
border-radius
box-shadow
width
height
scale
rotate
filter
+ Add
Presets
Pulse
Spin
Bounce
Shake
Fade In/Out
Slide In