Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

animation-iteration-count

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.

Initialwert1
Anwendbar aufalle Elemente, ::before und ::after Pseudoelemente
VererbtNein
Medienvisuell
Berechneter Wertwie angegeben
AnimierbarNein
Kanonische Reihenfolgedie 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.5 spielt 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)
? ? ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: teoli, Sebastianz, SJW
 Zuletzt aktualisiert von: teoli,