Przykład
Zmiana własności animationDirection o <div> element:
document.getElementById("myDIV").style.animationDirection = "reverse";
Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności animationDirection lub powraca czy animacja powinna odgrywać w odwrocie na naprzemiennych cyklach.
Note: Jeśli animacja jest zestaw do gry tylko raz, ten nie będzie miał wpływu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Numery obserwowani przez Moz określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| animationDirection | 43,0 | Nieobsługiwany | 16,0 5,0 Moz | Nieobsługiwany | 30,0 |
Składnia
Zwraca właściwość animationDirection:
object .style.animationDirection Ustaw właściwość animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
wartości nieruchomości
| Wartość | Opis |
|---|---|
| normal | Domyślna wartość. Animacja powinna być odtwarzane jako normalne |
| reverse | Animacja powinna odgrywać w odwrotnym kierunku |
| alternate | Animacja będzie odtwarzany normalnie za każdym razem, nieparzystą (1,3,5,etc..) a w odwrotnym kierunku co nawet czasu (2,4,6,etc...) |
| alternate-reverse | Animacja będzie odtwarzany w odwrotnym kierunku za każdym razem nieparzystą (1,3,5,etc..) i w kierunku prostopadłym do każdego nawet czasu (2,4,6,etc...) |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
| Domyślna wartość: | normalna |
|---|---|
| Zwracana wartość: | Ciąg, stanowiących własność animacja-kierunek elementu |
| Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: animation-direction property
<Style obiektu