CSS Animation Generator

Visually create CSS @keyframes animations with live preview and generate the code instantly.

Controls

Preset

Duration: 1s

Delay: 0s

Timing Function

Iteration Count

Direction

Fill Mode

Play State

Element Style

Element Color

Text Color

Width

Height

Radius

Keyframe Steps

Live Preview

CSS

Generated CSS

Generated HTML

CSS copied to clipboard!

HTML copied to clipboard!

Support & Stay Connected

Follow Updates Bluesky Vote on Product Hunt

10% OFF

10% Off IFTTT Pro Plans!

Power up your workflows with IFTTTs no-code magic, discounted 10% for new subscribers.

Subscribe Now

Membership Credits

Invite Friends. Earn Kimi Membership Rewards.

Join the Moonshot Together referral program! Invite friends to register or subscribe through your personal referral link or QR code and earn chances to win Kimi Membership Credits. Every successful invitation gives you and your friend an opportunity to receive rewards—from 3-day membership credits up to a 1-year equivalent. Share, invite, and start earning today!

Subscribe Now