Esempio
Messa in pausa un'animazione:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Prova tu stesso " Definizione e l'utilizzo
La proprietà animationPlayState specifica se l'animazione è in funzione o in pausa.
Note: Utilizzare questa proprietà per mettere in pausa un'animazione nel bel mezzo di un ciclo.
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à | |||||
|---|---|---|---|---|---|
| animationPlayState | 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à animationPlayState:
object .style.animationPlayState Impostare la proprietà animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| running | Valore di default. Specifica che l'animazione è in esecuzione |
| paused | Specifica che l'animazione è 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: | in esecuzione |
|---|---|
| Valore di ritorno: | A String, che rappresenta la proprietà di animazione-play-stato di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: animation-play-state property
<Stile di oggetto