Welche Eigenschaften hat CSS3-Animation?

Zu den CSS3-Animationsattributen gehören: „@keyframes“, Animation, Animationsname, Animationsdauer, Animationsverzögerung, Animationsrichtung usw.

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

css3-Animationseigenschaften:

@keyframes gibt die Animation an.
animation Abkürzungseigenschaft für alle Animationseigenschaften, mit Ausnahme der Eigenschaft „animation-play-state“.
animation-name gibt den Namen der @keyframes-Animation an.
animation-duration gibt die Sekunden oder Millisekunden an, die die Animation benötigt, um einen Zyklus abzuschließen. Der Standardwert ist 0.
animation-timing-function gibt die Geschwindigkeitskurve der Animation an. Der Standardwert ist „einfach“.
animation-delay gibt an, wann die Animation beginnt. Der Standardwert ist 0.
animation-iteration-count gibt an, wie oft die Animation abgespielt wird. Der Standardwert ist 1.
animation-direction gibt an, ob die Animation im nächsten Zyklus rückwärts abgespielt wird. Der Standardwert ist „normal“.
animation-play-state gibt an, ob die Animation läuft oder pausiert. Der Standardwert ist „läuft“.
animation-fill-mode gibt den Zustand des Objekts außerhalb der Animationszeit an.

Beispiel: Verwenden Sie CSS3-Animationseigenschaften, um einfache Animationen zu erstellen

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat CSS3-Animation?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!