2012-07-09 23 views
7

css3 animasyonu ile ilgili bazı garip sorunlar var.css3 canlandırma eserleri

css3 transformation uygulanmış blok elemanlar var. -webkit-transform matrisi ile dönüşüm uygulandığında - öğeler çok düzgün görünür. Ancak, animasyonları -webkit-keyframes ile uygulamaya çalıştığımda, yazı tipleri ve animasyon sırasında başka bir divın görüntüsü kötü görünüyor.

Numune burada bulunabilir: http://shuma.ru/animation.html

Sorunlar görülebilir 'webkit tarayıcılarda Safari/Krom' gibi sen css bu yazabilirsiniz Bu sorun için

+0

cevap için Firefox –

cevap

7

. safari

body{ 
    -webkit-perspective: 1000; 
    -webkit-backface-visibility: hidden; 
} 

& bu tanımlar: Bunun

animasyonlu eleman CSS Giriş
-webkit-transform:translate3d(0,0,0); 

daha

+0

için gerçek de bu sorun teşekkür ederiz! Ne yazık ki, bu çözüm benim durumum için çalışmadı ... –

+0

Daha fazla bilgi için bu bağlantıyı kontrol edin http://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform – sandeep