animation-direction
Обновлено: 05.12.2022
animation-direction
Устанавливает направление движения анимации.
Краткая информация
| Значение по умолчанию | normal |
| Наследуется | Нет |
| Применяется | Ко всем элементам, к псевдоэлементам ::before и ::after |
| Анимируется | Нет |
Синтаксис
animation-direction: normal | alternate | reverse | alternate-reverse
Значения
| normal | Анимация идёт с самого начала, после завершения цикла возвращается к исходному состоянию. |
| alternate | Анимация идёт с начала до конца, затем плавно возвращается в исходное положение. |
| reverse | Анимация идёт с конца цикла, после его завершения возвращается к исходному состоянию. |
| alternate-reverse | Анимация идёт с конца до начала, затем плавно возвращается в исходное положение. |
Пример
Объектная модель
объект.style.animationDirection
Примечание
Chrome до версии 43, Safari до версии 9 и Android поддерживают свойство -webkit-animation-direction.
Opera до версии 12.10 поддерживает свойство -o-animation-direction.
Firefox до версии 16 поддерживает свойство -moz-animation-direction.