CSS3 animation-iteration-count Eigenschaft
Beispiel
Animation dreimal abspielen:
animation-iteration-count:3;
-webkit-animation-iteration-count:3; /*Safari und Chrome*/
-webkit-animation-iteration-count:3; /*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-iteration-count | 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-iteration-count definiert, wie oft die Animation abgespielt werden soll.
| Standardwert: | 1 |
|---|---|
| Vererbt: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object object.style.animationIterationCount=3 |
Syntax
animation-iteration-count: Wert;
| Wert | Beschreibung | Testen |
|---|---|---|
| n | Eine Zahl, die definiert, wie oft die Animation abgespielt werden soll. | |
| infinite | Gibt an, dass die Animation unendlich oft (für immer) abgespielt werden soll. |
Ähnliche Artikel
CSS3-Tutorial:CSS3-Animationen
Weitere Erweiterungen