Направление анимации: animation-direction

animation-direction

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 4 -webkit- 5.0 (5.0) -moz- 10 12 -o- 4.0 -webkit-
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 4 -webkit- 5.0 (5.0) -moz- 10 12 -o- 3.2 -webkit-
Свойство
animation-direction — при помощи этого свойства определяется направление воспроизведения анимации
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
normal | reverse | alternate | alternate-reverse | inherit
Значение по умолчанию
normal
Правила записи
свойство: значение;
Примеры

Анимация воспроизводится слева направо, как только она доходит до своей конечной точки — цикл начинается заново

Анимация воспроизводится справа налево, как только она доходит до своей конечной точки — цикл начинается заново

Анимация воспроизводится слева направо, как только она доходит до своей конечной точки — анимация начинает воспроизводиться в обратном направлении, то есть справа налево

Анимация воспроизводится справа налево, как только она доходит до своей конечной точки — анимация начинает воспроизводиться в обратном направлении, то есть слева направо

Это значит что свойство унаследует значение от родителя

Поделиться