Esempio
Cambiare l'animazione di un <div> elemento, utilizzando la proprietà stenografica:
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2"; Prova tu stesso " Definizione e l'utilizzo
La proprietà di animazione è una proprietà scorciatoia per sei delle proprietà di animazione:
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note: Specificare sempre la proprietà animationDuration, altrimenti la durata è pari a 0, e non sarà mai giocato.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Webkit, Moz, oppure O specificare la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| animation | 43.0 4.0 Webkit | 10.0 | 16,0 5.0 Moz | 4.0 Webkit | 30,0 15.0 Webkit 12.1 12.0 -o- |
Nota: Chrome, Safari e Opera sostengono in alternativa, la proprietà WebkitAnimation.
Sintassi
Restituire la proprietà di animazione:
object .style.animation Impostare la proprietà di animazione:
object .style.animation=" I valori delle proprietà Valore Descrizione animationName Specifica il nome del fotogramma chiave si desidera associare al selettore animationDuration Specifica il numero di secondi o millisecondi un'animazione necessario per completare
animationTimingFunction Specifica la curva velocità dell'animazione animationDelay Specifica un ritardo prima che l'animazione avrà inizio
animationIterationCount Specifica quante volte l'animazione dovrebbe essere giocato animationDirection Specifica se l'animazione dovrebbe svolgere in retromarcia sui cicli alterni animationFillMode Specifica quali valori vengono applicati dal animazione fuori il tempo che sta eseguendo animationPlayState Specifica se l'animazione è in esecuzione o in pausa initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: nessuno 0 facilità 0 1 normale nessuno in esecuzione Valore di ritorno: Una stringa, che rappresenta la proprietà di animazione di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: animation property
<Stile di oggetto