CSS/Eigenschaften/animation-play-state

Browserunterstützung
caniuse.com

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

Standardwert

running

anwendbar auf

alle Elemente, Pseudoelemente ::before und ::after

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.

Siehe auch

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

Weblinks

• Spezifikation (W3C): animation-play-state
• MDN: animation-play-state
• Details: caniuse.com