Heim > Web-Frontend > CSS-Tutorial > So legen Sie eine CSS3-Animation fest und führen sie einmal aus

So legen Sie eine CSS3-Animation fest und führen sie einmal aus

青灯夜游
Freigeben: 2022-01-13 12:50:35
Original
10008 Leute haben es durchsucht

In CSS3 können Sie das Attribut „animation-iteration-count“ verwenden, um die einmal auszuführende Animation festzulegen. Die Funktion dieses Attributs besteht darin, die Anzahl der Wiedergaben der Animation zu definieren. Wenn das count-Attribut auf die Zahl „1“ gesetzt ist, können Sie die Animation so einstellen, dass sie nur einmal abgespielt wird.

So legen Sie eine CSS3-Animation fest und führen sie einmal aus

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS3 können Sie das Attribut „animation-iteration-count“ verwenden, um die Animation so festzulegen, dass sie einmal ausgeführt wird.

Das Attribut „animation-iteration-count“ kann definieren, wie oft die Animation abgespielt wird, und festlegen, wie oft die Animation abgespielt werden soll.

Syntax:

animation-iteration-count: value;
Nach dem Login kopieren
Wert Beschreibung
n Eine Zahl, die definiert, wie oft die Animation abgespielt werden soll
unendlich Gibt an, dass die Animation unendlich abgespielt werden soll Mal (für immer)

Beispiel:

Stellen Sie die Animation so ein, dass sie nur einmal abgespielt wird s Video Tutorial

)

Das obige ist der detaillierte Inhalt vonSo legen Sie eine CSS3-Animation fest und führen sie einmal aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage