Ü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.
Initialwert | running |
---|---|
Anwendbar auf | alle Elemente, ::before und ::after Pseudoelemente |
Vererbt | Nein |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
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