Почему animationiteration срабатывает несколько раз?

Question

[Ленар Фаттахов]

Пытаюсь сделать так, чтобы по окончании анимации, блок поменял скорость и расположение по y.
Но почему-то событие animationiteration срабатывает несколько раз, и блок как будто бы начинает движение не с 0%.
jsfiddle.net/3tq99smj/1

Не знаете ли, в чем причина или каковы возможные решения?

Answer 1

[Ленар Фаттахов]

В итоге сделал без infinite, просто убираю класс с анимацией и добавляю его снова каждый раз, когда срабатывает animationend.
jsfiddle.net/3tq99smj/4

Answer 2

[twobomb]

https://jsfiddle.net/twobomb/3tq99smj/8/

Comments

[Ленар Фаттахов]

В яндекс-браузере все нормально, а в хроме 43 все так же(

[twobomb]

Значит у тебя хром не 43, у меня в опере и в хроме 43 все нормально

[Ленар Фаттахов]

twobomb: Версия 43.0.2357.81 m, windows 8.1

[twobomb]

Ленар Фаттахов: Версия 43.0.2357.81 m, windows 7 x64

[Ленар Фаттахов]

twobomb: Проверил на виртуалке в windows 7 x86 chrome 43.0.2357.81 m, там все так же прыгает