-webkit-animation-direction

Свойство -webkit-animation-direction определяет, нужно ли проигрывать анимацию в обратном направлении (можно указать несколько через запятую).

Если нужно, тогда все нечетные циклы проигрывают анимацию в прямом направлении, а все четные — в обратном.

Допустимые значения

  • normal — анимация проигрывается только в прямом направлении
  • alternate — анимация проигрывается в прямом и обратном направлениях
Значение по умолчанию normal
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 4.0 и выше
  • Chrome 3.0 и выше

Пример

CSS
div {
width:100px;
height:50px;
position:absolute;
top:5px;
-webkit-animation-name:'slide';
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count: 2;
-webkit-animation-direction:alternate;
}

Заметки

Safari 4.0 и выше Chrome 3.0 и выше поддерживают возможность определить список анимаций с помощью ключевого слова @-webkit-keyframes.

В спецификации CSS3 есть аналогичное свойство animation-direction.

По теме