Style animationDirection Eigenschaft
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
![]()
![]()
![]()
![]()
![]()
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
Andere Erweiterungen
Style-Objekt