Web Toolkit
Dark Mode
CSS Animation Generator
Generate CSS for various animations.
Settings
Animation Type
Flip Vertical Fwd
Duration (1s)
Easing
ease
ease-in
ease-out
ease-in-out
linear
Delay (0s)
Iteration Count
1
2
3
Infinite
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Preview
Animate Me!
Generated CSS
.animated-element { }
Copy