← Tools
CSS Animation Builder
Export CSS
Presets
Animation Config
Duration
s
Iteration
infinite
1
2
3
5
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Delay
s
Easing Curve
ease
Keyframes
+ Add Keyframe
■
●
Aa
▶
❚❚
■
▶
Keyframe Properties
Select a keyframe to edit its properties.
Transform
translateX
px
translateY
px
rotate
deg
scaleX
scaleY
skewX
deg
skewY
deg
Appearance
opacity
bgColor
border-radius
%
Box Shadow
offsetX
px
offsetY
px
blur
px
spread
px
color
Filter
blur
px
brightness
hue-rotate
deg
▶
❚❚
0%
+ Keyframe
Delete
Generated CSS
×
Copied to clipboard