Потрясающая новость: в Safari и Chrome можно воспользоваться дополнительным свойством – “-webkit-animation-direction”.

Важно: это свойство не работает в IE9 и более ранних версиях.

Свойство animation-direction определяет, будет ли анимация воспроизводиться задом наперед на чередующихся циклах.

Если вы зададите значение «alternate», то анимация проиграется как «normal» каждый нечетный раз (1, 3, 5 и т.д.) и в обратном порядке каждый четный раз (2, 4, 6 и т.д.).

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