CSS/Eigenschaften/animation-play-state

Die Eigenschaft animation-play-state legt fest, ob Animation läuft oder pauserien soll.

erlaubte Werte	running: paused: Animation ist gestoppt Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: running
anwendbar auf	alle Elemente, Pseudoelemente ::before und ::after (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	nein

Beispiel

aside {
    animation-play-state: paused;
}

Die Animation ist gestoppt, kann aber z.B. durch JavaScript aktiviert werden, indem der Wert auf running gesetzt wird.

Weblinks

• Spezifikation (W3C): animation-play-state
• MDN: animation-play-state

Siehe auch

• CSS/Tutorials/Animation/Animation#animation-play-state