Safari и Chrome поддерживают альтернативное свойство: "-webkit-animation-direction".
Примечание: не поддерживается в IE9 и более ранних версиях.
Свойство animation-direction указывает будет ли анимация проигрываться в реверсе на альтернативных циклах.
Если значение свойства animation-direction установлено как "alternate", анимация будет проигрываться как "normal" каждый нечетный раз (1,3,5 и тд) и как реверс каждый четный раз (2,4,6 и тд).
Если в настройках анимации установлено проигрывание только однажды, это свойство не будет иметь эффекта.
| Значение по умолчанию: |
normal |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| Синтаксис JavaScript: |
object.style.animationDirection="alternate" |
| Значение |
Описание |
| normal |
Анимация должна проигрываться нормально. |
| alternate |
Анимация должна проигрываться в реверсе на альтернативных циклах. |
Пример
|