Свойство animation-direction используется для указания направления воспроизведения анимации: оно может выполняться в обычном порядке, в обратном или же чередовать направления в каждом цикле.
| Значение по умолчанию: | normal |
| Inherited: | no |
| Animatable: | no. |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.animationDirection="reverse" |
Поддержка браузера
| Свойство: | animation-direction |
| Chrome | 43.0/4.0 -webkit- |
| Explorer/Edge | 10.0 |
| Firefox | 16.0/5.0 -moz- |
| Safari | 9.0/4.0 -webkit- |
| Opera | 30.0/15.0 -webkit-/12.0 -o- |
Синтаксис CSS
animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit;
Значения свойств
| Значение | Описание |
| normal | Значение по умолчанию. Анимация воспроизводится как обычная (вперед) |
| reverse | Анимация воспроизводится в обратном направлении (назад) |
| alternate | Анимация сначала разыгрывается вперед, затем назад |
| alternate-reverse | Анимация сначала воспроизводится назад, а затем пересылается |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |