animation-iteration-count
Ü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 |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
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.5
spielt die nur die Halbe Animation ab).
Beispiel
Siehe CSS Animationen.
Spezifikation
Spezifikation | Status | Anmerkung |
---|---|---|
CSS Animations Level 1 Die Definition von 'animation-iteration-count' in dieser Spezifikation. |
Arbeitsentwurf |
Browser Kompatibilität
BCD tables only load in the browser