StijlanimatiePlayState Property _
Voorbeeld
Een animatie pauzeren:
document.getElementById("myDIV").style.animationPlayState = "paused";
Definitie en gebruik
De eigenschap AnimationPlayState geeft aan of de animatie wordt uitgevoerd of gepauzeerd.
Opmerking: gebruik deze eigenschap om een animatie midden in een cyclus te pauzeren.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door Webkit, Moz of O geven de eerste versie aan die met een voorvoegsel werkte.
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 |
Syntaxis
Retourneer de eigenschap AnimationPlayState:
object.style.animationPlayState
Stel de eigenschap AnimationPlayState in:
object.style.animationPlayState = "running|paused|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | rennen |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap animatie-afspeelstatus van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap animatie-afspeelstatus