Name
animation-iteration-count
Werte:
infinite
| <Zahl> [,
infinite
| <Zahl>]*
Anfangswert:
1
Anwendbar auf:
Block- und Inline-Elemente
Vererbt:
Nein
Berechneter Wert:
Entspricht dem deklarierten Wert
Beschreibung:
Definiert die Anzahl der Durchläufe in Animation(en). Der
Anfangswert, 1
, besagt, dass die
Animation genau einmal ausgeführt wird, vom Startzustand bis zum
Endzustand. Ein Dezimalbruch (z.B. 2.75
) besagt, dass die Animation mitten in
ihrem letzten Durchlauf angehalten wird. Der Wert 0
besagt, dass keine Animation
stattfindet; negative Werte werden in 0
konvertiert. Wie der Name vermuten
lässt, bedeutet infinite
, dass
die Animation niemals aufhört. Bitte mit Bedacht einsetzen.
Beispiele:
body {animation-iteration-count: 2, 1, 7.5875;} ol.tanz {animation-iteration-count: ...
Get CSS kurz & gut, 4th Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.