Style animationDirection Eigenschaft

Style 对象参考手册Style-Objekt

Beispiele

Ändern Sie die animationDirection-Eigenschaft des <div>-Elements:

document.getElementById("myDIV").style.animationDirection="reverse";

Selbst ausprobieren »

Definition und Verwendung

Die Eigenschaft animationDirection legt fest oder gibt zurück, ob die Animation bei Wiederholung abwechselnd rückwärts abgespielt wird.

Hinweis:Wenn die Animation so eingestellt ist, dass sie nur einmal abgespielt wird, hat diese Eigenschaft keine Auswirkung.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nur Firefox unterstützt die Eigenschaft animationDirection.


Syntax

Gibt die Eigenschaft animationDirection zurück:

object.style.animationDirection

Die Eigenschaft animationDirection festlegen:

object.style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"

Eigenschaftswerte

Wert Beschreibung
normal Standardwert. Die Animation wird normal abgespielt.
reverse Die Animation wird rückwärts abgespielt.
alternate Die Animation wird in ungeraden Iterationen (1, 3, 5...) vorwärts und in geraden Iterationen (2, 4, 6...) rückwärts abgespielt.
alternate-reverse Die Animation wird in ungeraden Iterationen (1, 3, 5...) rückwärts und in geraden Iterationen (2, 4, 6...) vorwärts abgespielt.
initial Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。
inherit Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。

Technische Details

Standardwert: normal
Rückgabewert: Eine Zeichenkette, die die Eigenschaft animation-direction des Elements darstellt.
CSS-Version CSS3


Ähnliche Artikel

CSS-Referenz:animation-direction-Eigenschaft


Style 对象参考手册Style-Objekt

Andere Erweiterungen