Style animationDirection -Eigenschaft
Beispiel
Ändern der Eigenschaft animationDirection eines <div>-Elements:
document.getElementById("myDIV").style.animationDirection = "reverse";
Definition und Verwendung
Die Eigenschaft animationDirection legt fest oder gibt zurück, ob die Animation in abwechselnden Zyklen rückwärts abgespielt werden soll oder nicht.
Hinweis: Wenn die Animation so eingestellt ist, dass sie nur einmal abgespielt wird, hat diese Eigenschaft keine Auswirkung.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von Moz geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Syntax
Geben Sie die Eigenschaft animationDirection zurück:
object.style.animationDirection
Legen Sie die Eigenschaft animationDirection fest:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | normal |
---|---|
Rückgabewert: | Ein String, der die Animationsrichtungseigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft animation-direction