Proprietà animation CSS

Definizione e uso

animation L'attributo è un attributo abbreviato utilizzato per impostare sei attributi di animazione:

Commento:Regolati sempre: animation-duration Se non specificato, la durata è 0 e l'animazione non viene riprodotta.

Manuale di riferimento DOM HTML:animation

Usa le proprietà abbreviate per associare l'animazione all'elemento div:

div
{
animation:mymove 5s infinite;
}

animation: name duration timing-function delay iteration-count direction;

Valore	Descrizione
animation-name	Definisce il nome del keyframe da associare al selettore.
animation-duration	Definisce il tempo impiegato per completare l'animazione, espresso in secondi o millisecondi.
animation-timing-function	Definisce la curva di velocità dell'animazione.
animation-delay	Definisce il ritardo prima dell'inizio dell'animazione.
animation-iteration-count	Definisce il numero di volte che l'animazione dovrebbe essere riprodotta.
animation-direction	Definisce se l'animazione dovrebbe essere riprodotta alternativamente in senso inverso.
animation-fill-mode	Definisce i valori applicati oltre il tempo di esecuzione dell'animazione.
animation-play-state	Definisce se l'animazione è in esecuzione o in pausa.

Valore predefinito:	none 0 ease 0 1 normal
Ereditarietà:	no
Versione:	CSS3
Sintassi JavaScript:	object.style.animation="mymove 5s infinite"

Numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -webkit-、-moz- o -o- indicano la versione iniziale dell'uso del prefisso.

Chrome	IE / Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-