toolkit
Dev
Design
Text
SEO
Data
Utility
Img & PDF
IP/DNS
Home
/
CSS Tools
CSS Animation Generator
Build keyframe animations with preview.
Preset
pulse
bounce
spin
fade
Duration (s)
Timing
ease
linear
ease-in
ease-out
ease-in-out
Iteration
CSS
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .element { animation: pulse 1.5s ease-in-out infinite; }
Copy
All CSS Tools
Related tools
CSS Triangle Generator
Border-based or clip-path triangles.
CSS Box Shadow
Build custom shadows with live preview.
Glassmorphism Generator
Frosted-glass UI with live preview.