Свойство style.animationDirection

Определение и использование

animationDirection Свойство устанавливает или возвращает, должна ли анимация играть в обратном направлении в альтернативном цикле.

Комментарий:Если анимация установлена на одноразовое воспроизведение, это свойство будет неэффективным.

Пример

Изменение свойства animationDirection элемента <div>:

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

Попробуйте сами

Грамматика

Возврат свойства animationDirection:

объект.style.animationDirection

Настройка свойства animationDirection:

объект.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Значение свойства

Значение Описание
normal Значение по умолчанию. Анимация должна играть normalmente.
reverse Анимация должна играть в обратном направлении.
alternate Анимация будет играть в прямом направлении на каждом нечетном числе (1, 3, 5 и т.д.), и в каждом четном числе (2, 4, 6 и т.д...)
alternate-reverse Анимация будет играть в обратном направлении на каждом нечетном числе (1, 3, 5 и т.д.), и в каждом четном числе (2, 4, 6 и т.д...)
initial Установите это свойство в его значение по умолчанию. См. initial。
inherit Преемственность этого свойства из родительского элемента. См. inherit。

Технические детали

Значение по умолчанию: normal
Возврат значений: Строка, которая показывает элемент: Атрибут animation-direction。
Версия CSS: CSS3

Поддержка браузерами

animationDirection Это функция CSS3 (1999)。

Все браузеры полностью поддерживают его:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Поддержка Поддержка Поддержка Поддержка Поддержка 11

Соответствующие страницы

CSS Референс Мануал:Атрибут animation-direction