Chrome -webkit-animation-play-state parpadeo

Question

Estoy girando un círculo con CSS3 y pausa/ejecuta la animación con -webkit-animation-play-state al pasar el div. Tan pronto como comienza a funcionar nuevamente, la animación parece retroceder al principio solo por una fracción de segundo en Chrome. En Safari todo comienza y se detiene sin problemas.

Aquí es el violín:

http://jsfiddle.net/s5AZy/

¿Alguien tiene una solución para esto?

Answer 1

Desafortunadamente, la animación y el hover son dos operaciones pesadas. En este momento, la animación es nueva y no muy estable. Por lo tanto, si desea eliminar el parpadeo, quite el vuelo estacionario.
Puede intentar aplicar el control deslizante sobre otro div, quizás eso ayude.

Answer 2

creo que este enlace puede ayudar, me dé la regeneración después

Prevent flicker on webkit-transition of webkit-transform

Tratar de

-webkit-transform-style: preserve-3d; 

buena suerte