CSS Animation Builder
Zewp.com
Animation Settings
Name
Duration
Timing
ease
linear
ease-in
ease-out
ease-in-out
bounce
steps(8)
Delay
Iterations
1
2
3
infinite
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Target Element
Shape
Square
Circle
Text
Size
Color
Presets
Pulse
Spin
Bounce
Shake
Fade Slide
Flip
Jelly
Swing
Morph
⏸ Pause
↻ Restart
ZEWP
Keyframes
+ Add
− Remove
Keyframe Properties
% Position
translateX
translateY
rotate
scale
skewX
skewY
opacity
bg color
border-radius
box-shadow
filter
Generated CSS
Copy CSS