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!