Vai al contenuto

Generatore Animazioni CSS

Genera animazioni CSS con anteprima dal vivo. Preset, funzioni di temporizzazione, ritardo, ripetizioni e direzione. Copia il codice @keyframes. Gratuito, 100% nel browser.

Anteprima

1.0s
0.0s

Codice CSS

 

Cosa sono le animazioni CSS?

Le animazioni CSS applicano effetti di animazione agli elementi usando le regole @keyframes e la proprietà animation. Permettono animazioni fluide senza JavaScript e offrono un controllo più complesso rispetto alle transizioni.

Preset di animazione

Dissolvenza — controlla la visibilità dell'elemento tramite opacità. Scorrimento — sposta l'elemento nella direzione specificata. Scala — ingrandimento/riduzione dell'elemento. Rotazione — ruota l'elemento. Rimbalzo — movimento di rimbalzo. Tremolio — oscillazione laterale. Pulsazione — effetto di espansione e contrazione ripetuta.

Privacy

Tutta la generazione avviene al 100% nel tuo browser. Nessun dato viene inviato a server.