Was ist Animation in CSS?

Animation in CSS ist ein abgekürztes Attribut, das zum Festlegen von Animationsattributen verwendet wird, z. B. [animation-duration], das die Zeit angibt, die zum Abschließen der Animation benötigt wird. Dieses Attribut muss angegeben werden, andernfalls ist die Animationsdauer 0 und kann nicht gespielt werden.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3, dieser Artikel gilt für alle Computermarken. Das Attribut

animation ist ein Abkürzungsattribut zum Festlegen von sechs Animationsattributen:

(Empfehlung für Lernvideos: CSS-Video-Tutorial)

animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction

Hinweis: Bitte geben Sie immer das Attribut „animation-duration“ an, andernfalls ist die Dauer 0 Es wird keine Animation abgespielt.

Syntax:

animation: name duration timing-function delay iteration-count direction;

animation-name gibt den Keyframe-Namen an, der an den Selektor gebunden werden muss. .​

animation-duration ​ Gibt die Zeit an, die zum Abschließen der Animation benötigt wird, in Sekunden oder Millisekunden.

animation-timing-function gibt die Geschwindigkeitskurve der Animation an.

animation-delay Gibt die Verzögerung an, bevor die Animation startet.

animation-iteration-count gibt an, wie oft die Animation abgespielt werden soll.

animation-direction Gibt an, ob die Animation der Reihe nach rückwärts abgespielt werden soll.

Beispiel:

Verwenden Sie abgekürzte Attribute, um Animationen an div-Elemente zu binden:

div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist Animation in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!