Welche Eigenschaften hat CSS3-Animation?

青灯夜游
Freigeben: 2023-01-04 09:35:25
Original
3207 Leute haben es durchsucht

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

Welche Eigenschaften hat CSS3-Animation?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!

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