CSS3 animation-play-state -Eigenschaft
Beispiel
Animation pausieren:
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari und Chrome */
-webkit-animation-play-state:paused; /* Safari und Chrome */
Selbst ausprobieren »
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
Die Zahl unmittelbar vor -webkit-, -ms- oder -moz- ist die erste Browserversion, die die mit Präfix versehene Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| animation-play-state | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Tag-Definition und Verwendungshinweise
Die Eigenschaft animation--play-state gibt an, ob die Animation läuft oder pausiert ist.
Hinweis:Verwenden Sie diese Eigenschaft in JavaScript, um eine Animation innerhalb eines Zyklus zu pausieren.
| Standardwert: | running |
|---|---|
| Vererbt: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object object.style.animationPlayState="paused" |
Syntax
animation-play-state: paused|running;
| Wert | Beschreibung | Testen |
|---|---|---|
| paused | Pausierte Animation angeben | |
| running | Laufende Animation angeben |
Ähnliche Artikel
CSS3-Tutorial:CSS3-Animationen
Weitere Erweiterungen