Atrybut Style animationDirection

Definicja i użycie

animationDirection Ustawienie atrybutu określa, czy animacja powinna być odtwarzana wstecz w cyklu alternatywnym.

Komentarz:Jeśli ustawienie animacji jest na odtwarzanie tylko raz, ten atrybut będzie nieważny.

Przykład

Zmień atrybut animationDirection elementu <div>:

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

Spróbuj sam

Gramatyka

Zwróć atrybut animationDirection:

object.style.animationDirection

Ustawienie atrybutu animationDirection:

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

Wartość atrybutu

Wartość Opis
normal Wartość domyślna. Animacja powinna być odtwarzana normalnie.
reverse Animacja powinna być odtwarzana wstecz.
alternate Animacja będzie odtwarzana naprzód w każdym nieparzystym kroku (1, 3, 5 itp.), a w każdym parzystym kroku (2, 4, 6 itp...) będzie odtwarzana wstecz.
alternate-reverse Animacja będzie odtwarzana wstecz w każdym nieparzystym kroku (1, 3, 5 itp.), a w każdym parzystym kroku (2, 4, 6 itp...) będzie odtwarzana naprzód.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Wartość domyślna: normal
Wartość zwracana: Ciąg znaków, który oznacza Atrybut animation-direction.
Wersja CSS: CSS3

Obsługa przeglądarek

animationDirection jest cechą CSS3 (1999).

Wszystkie przeglądarki obsługują go w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Wspieram Wspieram Wspieram Wspieram Wspieram 11

Strony związane

CSS Reference Manual:Atrybut animation-direction