animation-direction: Animationen alternieren

0 | 0 Kommentare | 1094 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "animation-direction: Animationen alternieren" mit Ihrem Wissen!

Anzeige Hier werben

animation-direction

Werte: normal, alternate
Standardwert: normal
Vererbung: Ja
Kurzschreibweise: -
Anwendbar auf: alle Elemente
CSS-Level: CSS3

Die Eigenschaft animation-direction gibt an, ob die Animation alternierend oder immer gleich abgespielt werden soll.

Dazu wird ein animation-iteration-count von größer als 1 benötigt. Die animation-timing-functions Angaben kehren sich dann jedes zweite Mal um.

Firefox2Nein3Nein3.1Nein
IE6Nein7Nein8Nein
Opera9Nein9.5Nein
Safari3Nein3.1Nein4Unterstützt
animation-direction

Werte

Mit normal wird immer ein und die selbe Animation verwendet - mit alternate abwechselnd.

Beispiel

 
css
1
2
3
DIV.animation {
      animation-direction: alternate;
}

Die Animation wechselt jedes Mal die Richtung (bzw. wird invertiert).


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher hat 1 Person an der Seite "animation-direction: Animationen alternieren" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "animation-direction: Animationen alternieren" hier bearbeiten.

Mitarbeiter
  • hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.

Kommentare: animation-direction: Animationen alternieren