Pick a preset animation — fade in, slide in, bounce, spin, zoom, shake, pulse or flip — and adjust its duration, delay, iteration count and easing curve. A box in the preview applies the animation live so you can feel the timing, and the exact @keyframes rule plus the animation shorthand are generated below, ready to paste into your stylesheet.
Set iterations to the maximum for an infinite loop, or lower it for a fixed number of runs. Use the replay button to restart a one-shot animation. Everything runs locally in your browser, so nothing is uploaded.