🎬
CSS Animation
Playground
📋 Presets...
Fade In
Slide In Left
Slide In Up
Scale In
Rotate In
Bounce In
Flip In X
Zoom In
Pulse
Shake
Bounce
Swing
Jello
Wobble
Heartbeat
Flash
Fade Out
Slide Out Right
Scale Out
Rotate Out
Spin
Float
Glow
Morph
Rainbow
Typewriter
📋 Export
⚙️ Properties
Duration
1s
Delay
0s
Iteration Count
1
Infinite
Direction
Normal
Reverse
Alternate
Alternate Reverse
Fill Mode
None
Forwards
Backwards
Both
📈 Timing Function
ease
ease-in
ease-out
ease-in-out
linear
spring
out-expo
in-circ
steps(8)
Custom Easing
🎯 Keyframes
+ Add
👁 Live Preview
▶ Play
⟲ Reset
Hello World
Element:
Box
Circle
Text
Button
Card
💻 CSS Output
📋 Copy