Generatore di animazioni CSS per persone pigre.
Animazioni CSS
CSS consente l'animazione di elementi HTML senza utilizzare JavaScript o Flash
In questo capitolo imparerai le seguenti proprietà:
- @fotogrammi chiave
- nome-animazione
- durata-animazione
- animazione-ritardo
- conteggio-iterazione-animazione
- direzione-animazione
- funzione di temporizzazione dell'animazione
- modalità di riempimento-animazione
- animazione
Prefissi specifici del browser
Alcuni browser meno recenti necessitano di prefissi specifici (-webkit-) per comprendere le proprietà dell'animazione
Cosa sono le animazioni CSS?
Un'animazione consente a un elemento di cambiare gradualmente da uno stile all'altro.
Puoi modificare tutte le proprietà CSS che desideri, tutte le volte che vuoi.
Per utilizzare l'animazione CSS, devi prima specificare alcuni fotogrammi chiave per l'animazione.
I fotogrammi chiave contengono gli stili che l'elemento avrà in determinati momenti.
La regola dei @keyframe
Quando specifichi gli stili CSS all'interno della regola @keyframes, l'animazione cambierà gradualmente dallo stile corrente al nuovo stile in determinati momenti.
