Heim  >  Artikel  >  Web-Frontend  >  css3, mit dem die Anzahl der Animationswiedergabezeiten festgelegt werden soll

css3, mit dem die Anzahl der Animationswiedergabezeiten festgelegt werden soll

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-07-14 15:10:583490Durchsuche

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.

css3, mit dem die Anzahl der Animationswiedergabezeiten festgelegt werden soll

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-Tutorial

Das 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn