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
Codice CSS
Riferimento
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.