Chrome -webkit-animasyon-oynatma durumu titreşimi

Question

CSS3 ile bir daire döndürüyorum ve animasyonu -webkit-animasyon-oynatma durumu ile div üzerinde gezdirin. Yeniden çalışmaya başladığında animasyon, Chrome'da yalnızca ikinci bir saniye için tekrar başlayacaktır. Safari'de her şey başlıyor ve düzgün duruyor.

http://jsfiddle.net/s5AZy/

kimse buna bir çözüm var mı: İşte

keman olduğunu?

Answer 1

Ne yazık ki, animasyon ve vurgulu iki ağır işlemdir. Şu anda, animasyon hala yeni ve çok kararlı değil. Bu nedenle, titremeyi kaldırmak istiyorsanız, vurgulu kaldırın.
Vurgulu başka bir div üzerinde uygulayabilirsiniz, belki bu yardımcı olacaktır.

Answer 2

Şu bağlantı sonradan

Prevent flicker on webkit-transition of webkit-transform

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

İyi çalışın Şanslı