Animazione di stile Proprietà PlayState
Esempio
Sospensione di un'animazione:
document.getElementById("myDIV").style.animationPlayState = "paused";
Definizione e utilizzo
La proprietà animationPlayState specifica se l'animazione è in esecuzione o sospesa.
Nota: utilizzare questa proprietà per mettere in pausa un'animazione nel mezzo di un ciclo.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
I numeri seguiti da Webkit, Moz o O specificano la prima versione che ha funzionato con un prefisso.
Property | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
Sintassi
Restituisce la proprietà animationPlayState:
object.style.animationPlayState
Imposta la proprietà animationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | in esecuzione |
---|---|
Valore di ritorno: | Un oggetto String, che rappresenta la proprietà dello stato di riproduzione dell'animazione di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà animation-play-state