Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.
Übersicht
Die CSS Eigenschaft animation-iteration-count legt die Anzahl Wiederholungen der Animation fest.
Meistens wird die Kurzform animation genutzt, um alle Eigenschaften der Animation auf einen Blick zu haben.
| Initialwert | 1 |
|---|---|
| Anwendbar auf | alle Elemente, ::before und ::after Pseudoelemente |
| Vererbt | Nein |
| Medien | visuell |
| Berechneter Wert | wie angegeben |
| Animierbar | Nein |
| Kanonische Reihenfolge | die eindeutige Reihenfolge definiert durch die formale Grammatik |
Syntax
<single-animation-iteration-count>#wobei
<single-animation-iteration-count> = infinite | <number>
animation-iteration-count: infinite animation-iteration-count: 3 animation-iteration-count: 2.3 animation-iteration-count: 2, 0, infinite
Werte
infinite- Die Animation wird unbegrenzt wiederholt.
<number>- Die Anzahl Wiederholungen der Animation. Standartmässig ist dieser Wet
1. Negative Werte sind nicht zulässig. Es können auch Dezimalzahlen genutzt werden um nur einen Teil der Animation abzuspielen (z. B.0.5spielt die nur die Halbe Animation ab).
Beispiel
Siehe CSS Animationen.
Spezifikation
| Spezifikation | Status | Anmerkung |
|---|---|---|
| CSS Animations Die Definition von 'animation-iteration-count' in dieser Spezifikation. |
Arbeitsentwurf |
Browser Kompatibilität
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | (Ja)-webkit | 5.0 (5.0)-moz 16.0 (16.0) |
10 | 12 -o 12.10 # |
4.0-webkit |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Ja)-webkit | 5.0 (5.0)-moz 16.0 (16.0) |
? | ? | ? |