Свойство animation-direction CSS

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

animation-direction Определяет, должна ли анимация轮流 играть в обратном направлении.

Если значение animation-direction равно "alternateЕсли анимация установлена на одно воспроизведение, то это свойство не имеет эффекта.

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

См. также:

CSS3 учебник:Анимация CSS

HTML DOM справочник:Свойство animationDirection

Пример

Приостановить анимацию:

div {
  animation-direction: alternate;
}

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

CSS синтаксис

animation-direction: normal|alternate;
Значение Описание Тестирование
normal Значение по умолчанию. Анимация должна играть normalmente. Тестирование
alternate Анимация должна轮流 играть в обратном направлении. Тестирование

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

Значение по умолчанию: normal
Инерция: нет
Версия: CSS3
JavaScript синтаксис: объект.style.animationDirection="alternate"

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Содержащие -webkit-、-moz- или -o- числа указывают на использование префиксов в первой версии.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-