About this tool
Choose a preset animation with duration, timing function and iteration count, watch it run live, then copy the @keyframes and animation rules. It all runs in your browser.
Frequently asked questions
What does the iteration count control?
It sets how many times the animation plays; choose infinite to loop forever or a number to run it that many times.
How do I restart the animation?
Press Replay — it briefly removes and reapplies the animation so the preview plays again from the first keyframe.