English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS3 Animation-iteration-Die count-Eigenschaft legt die Anzahl der Male fest, die der Animation vor dem Abbruch abgespielt werden soll.
Die folgende Tabelle gibt eine Zusammenfassung der Verwendungs kontext und Versionsgeschichte dieses Attributes an.
| Standardwert: | 1 |
|---|---|
| Geeignet für: | Alle Elemente::before und::after Pseudo-Element |
| Vererbung: | Keine |
| Animationsproduktion möglich: | Nein.Bitte sehen Sie nach Animationseigenschaften. |
| Version: | CSS3neue Funktion |
| JavaScript Syntax: | object object.style.animationIterationCount=3 |
Die Syntax dieses Attributes ist wie folgt:
Animation-iteration-count: number | infinite | initial | inherit
Der folgende Beispiel zeigt, wie man animation-iteration-count-Eigenschaft.
.box {
width: 50px;
height: 50px;
background: red;
position: relative;
/* Chrome, Safari, Opera */
-webkit-Animation-name: moveit;
-webkit-Animation-duration: 4s;
-webkit-Animation-iteration-count: infinite;
Animation-name: moveit;
Animation-duration: 4s;
Animation-iteration-count: infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes moveit {
from {left: 0;}
to {left: 50%;}
}
@keyframes moveit {
from {left: 0;}
to {left: 50%;}
}Testen Sie es heraus‹/›Die folgenden Tabelle beschreibt den Wert dieses Attributes.
| Wert | Beschreibung |
|---|---|
| number | Bestimmen Sie die Anzahl der Wiederholungen der Animation. Der Standardwert ist1. Negative Werte sind nicht erlaubt. |
| infinite | Die Animation wird immer wiederholt, d.h. unendlich oft. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird das zugehörige Element die animation des übergeordneten Elements verwenden-iteration-Der berechnete Wert der count-Eigenschaft. |
Hinweis:Sie können auch nicht Ganzzahlwerte angeben, z.B. 0.5, 0.75Ein Teil des Animationssyklus ist nur ein Teil des Animationssyklus, zum Beispiel den Wert 0.5Halb der Wiedergabezyklus der Animation.
Animation-iteration-Die Kompatibilität der count-Eigenschaft mit Browsern, alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS3Animation.
Verwandte Eigenschaften und Regeln:Animation,Animation-name,Animation-Dauer,Animation-Timing-Funktion,Animation-Verzögerung,Animation-Richtung,Animation-füllen-mode,Animation-Abspielmodus-Zustand,@keyframes.