UTILS.
100% nel browser
⤿

Generatore di animazioni CSS

Crea un'animazione a keyframe, visualizzala dal vivo e copia il CSS.

Informazioni su questo strumento

Scegli un'animazione predefinita con durata, funzione di timing e numero di iterazioni, guardala in azione dal vivo, poi copia le regole @keyframes e animation. Tutto avviene nel tuo browser.

Domande frequenti

Cosa controlla il numero di iterazioni?
Imposta quante volte l'animazione viene riprodotta; scegli infinite per ripeterla all'infinito oppure un numero per eseguirla quel numero di volte.
Come riavvio l'animazione?
Premi Riavvia: rimuove e riapplica brevemente l'animazione in modo che l'anteprima riparta dal primo keyframe.

Altri strumenti