CSS-animation-iteration-count-Eigenschaft
- Vorherige Seite animation-fill-mode
- Nächste Seite animation-name
Definition und Verwendung
animation-iteration-count Die Eigenschaft definiert die Anzahl der Abspielungen der Animation.
Siehe auch:
CSS3 Tutorial:CSS Animation
HTML DOM Referenzhandbuch:animationIterationCount-Eigenschaft
Beispiel
Die Animation wird dreimal abgespielt:
div
{
animation-iteration-count:3;
}
CSS-Syntax
animation-iteration-count: n|unbegrenzt;
| Wert | Beschreibung | Test |
|---|---|---|
| n | Definiert die Anzahl der Wiederholungen der Animation als numerischen Wert. | Test |
| unbegrenzt | Regelt, dass die Animation unbegrenzt oft abgespielt wird. | Test |
Technische Details
| Standardwert: | 1 |
|---|---|
| Vererbbarkeit: | nein |
| Version: | CSS3 |
| JavaScript-Syntax: | object.style.animationIterationCount=3 |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.
Zahlen mit -webkit-, -moz- oder -o- als Präfix stellen die erste Version dar, die den Prefix verwendet.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 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- |
- Vorherige Seite animation-fill-mode
- Nächste Seite animation-name
