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.

Initialwert1
Anwendbar aufalle Elemente, ::before und ::after Pseudoelemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

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

Siehe auch