пример
Изменение animationDirection свойства <div> элемент:
document.getElementById("myDIV").style.animationDirection = "reverse";
Попробуй сам " Определение и использование
В animationDirection наборов свойств или возвращается, должна ли анимация играть в обратном направлении с чередованием.
Note: Если анимация будет играть только один раз, это свойство не будет иметь никакого эффекта.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Moz указать первую версию, которая работала с префиксом.
| Имущество | |||||
|---|---|---|---|---|---|
| animationDirection | 43,0 | Не поддерживается | 16,0 5,0 Мос | Не поддерживается | 30,0 |
Синтаксис
Возвращает свойство animationDirection:
object .style.animationDirection Установите свойство animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| normal | Значение по умолчанию. Анимация должна играть в обычном режиме |
| reverse | Анимация должна играть в обратном направлении |
| alternate | Анимация будет воспроизводиться как обычно каждый нечетный раз (1,3,5,etc..) и (2,4,6,etc...) (1,3,5,etc..) и в обратном направлении каждый раз , даже (2,4,6,etc...) и (2,4,6,etc...) |
| alternate-reverse | Анимация будет воспроизводиться в обратном направлении каждый нечетный раз (1,3,5,etc..) и (2,4,6,etc...) (1,3,5,etc..) и в нормальном направлении каждый раз , даже (2,4,6,etc...) и (2,4,6,etc...) |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | нормальный |
|---|---|
| Возвращаемое значение: | Строка, представляющая анимация-направление свойства элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: animation-direction property
<Style Object