Heim > Artikel > Web-Frontend > css3, mit dem die Anzahl der Animationswiedergabezeiten festgelegt werden soll
In CSS können Sie das Attribut „animation-iteration-count“ verwenden, um die Anzahl der Animationswiedergabezeiten festzulegen. Sie müssen nur den Stil „animation-iteration-count: unendlich“ für das Element festlegen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer. Das Attribut „animation-iteration-count“ wird hauptsächlich verwendet, um die Anzahl der Wiedergaben der Animation zu definieren.
Syntaxregeln:
animation-iteration-count: infinite | [, infinite | ]*
1 Der Wert ist normalerweise eine Ganzzahl, Sie können jedoch auch Zahlen mit Dezimalzahlen verwenden. Der Standardwert ist 1, was bedeutet, dass die Animation nur einmal von Anfang bis Ende abgespielt wird.
2. Wenn der Wert unendlich ist, wird die Animation unendlich abgespielt.
Beispiel:
Verwenden Sie das Attribut „animation-iteration-count“, um die Animationsbewegung nur fünfmal abzuspielen. Der Code ist eingestellt auf:
animation-iteration-count:5;
Hinweis: Für Chrome- oder Safari-Browser: Sie müssen das Präfix -webkit- hinzufügen!
Empfohlenes Lernen:
CSS-Video-TutorialDas obige ist der detaillierte Inhalt voncss3, mit dem die Anzahl der Animationswiedergabezeiten festgelegt werden soll. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!