CSS kurz & gut, 4th Edition

Name

animation-direction

Werte:

normal | alternate [, normal | alternate]*

Anfangswert:

normal

Anwendbar auf:

Block- und Inline-Elemente

Vererbt:

Nein

Berechneter Wert:

Entspricht dem deklarierten Wert

Beschreibung:

Gibt an, ob eine CSS-Animation mit mehr als einem Durchlauf (siehe animation-iteration-count) stets in dieselbe Richtung laufen soll oder ob die Richtung bei jedem zweiten Durchlauf umzukehren ist. Beispielsweise würde eine alternate-Animation, die ein Element 300 Pixel nach rechts bewegt, dieses Element in jedem zweiten Durchlauf um 300 Pixel nach links bewegen und es so zu seiner Startposition zurückführen. Wenn dieselbe Animation auf normal gesetzt würde, würde das Element sich um 300 Pixel nach rechts bewegen, anschließend zu seinem Startpunkt ...