Анимация CSS3 заикается/прыгает после паузы

Моя анимация CSS объявляет animation-play-state: paused на div:hover. Проблема (по крайней мере, в Chrome), анимация заикается/прыгает при зависании элемента.

Здесь jsFiddle: http://jsfiddle.net/AHqLE/

Кто-нибудь испытал это?

Ответы

Ответ 1

Я могу подтвердить, что этот теперь работает в последней версии Chrome (версия 31.0.1650.63)

Дополнительная заметка к этой проблеме: я считаю, что я решил ее (в то время), используя значения top/bottom, а не значения translateY

Ответ 2

Попробуйте добавить -webkit-transform: translateZ(0); или -webkit-transform: translate3d(0,0,0); для принудительного ускорения аппаратного ускорения. Я добавляю это к любому переходу или анимации, которые я использую, чтобы Chrome не оставлял следы.