animation-play-state

Übersicht

Die animation-play-state CSS Eigenschaft bestimmt, ob eine Animation abläuft oder pausiert ist. Der Wert dieser Eigenschaft kann abgefragt werden, um festzustellen, ob die Animation gerade abläuft oder nicht; darüber hinaus kann der Wert auch gesetzt werden, um die das Abspielen der Animation anzuhalten und fortzusetzen.

Wenn eine pausierte Animation fortgesetzt wird, wird sie dort gestartet, wo sie angehalten wurde, nicht vom Anfang der Animationssequenz.

Initialwertrunning
Anwendbar aufalle Elemente, ::before und ::after Pseudoelemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Syntax

/* Einzelne Animation */
animation-play-state: running;
animation-play-state: paused;

/* Mehrere Animationen */
animation-play-state: paused, running, running;

/* Globale Werte */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;

Werte

running
Die Animation läuft aktuell ab.
paused
Die Animation ist aktuell pausiert.

Formale Syntax

<single-animation-play-state>#

wobei
<single-animation-play-state> = running | paused

Beispiele

Siehe CSS Animationen für Beispiele.

Spezifikationen

Spezifikation Status Anmerkung
CSS Animations
Die Definition von 'animation-play-state' in dieser Spezifikation.
Arbeitsentwurf Ursprüngliche Definition

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch