Chrome'da döndürme (flip) css3 animasyonu neden titriyor?

Bir jsFiddle yaptık: http://jsfiddle.net/Grezzo/JR2Lu/Chrome'da döndürme (flip) css3 animasyonu neden titriyor?

klavyenizdeki i tuşuna vurduğunda, resim bazı metinleri göstermek için etrafında çevirir, ancak Chrome ile görüntülendiğinde çevirme animasyonu sırasında o titrer (özellikle metin titrer).

(Ben tarayıcı belirli CSS özellikleri ile önüne zorunda kalmamak için ben -prefix içermeyen JS kitaplığı kullanıyorum unutmayın.)

Neden titreyen olduğunu ve bunu nasıl durdurabilirim?

GÜNCELLEME: Flicker Krom 20.0.1132.47 üzerinde belirgindir XP koşturuyorum ve OS X 10.7.4 Lion için en son sürümü (ı kontrol etmek şu anda benim Mac yakın değilim)

kaynak

2012-07-02 Grezzo

Burada iyi çalışıyor, Linux'ta Chrome 18 (Tarayıcıya özgü sorunlar hakkında soru sorduğunuzda, HER ZAMAN tarayıcı sürümünden bahseder). –

@RobW İyi nokta - tarayıcı sürümleri eklendi. – Grezzo

Bu çok tuhaf - Mac'imde benim için aynı. Bu konuda bir eğitim yazdım ve bu davranışı hiç görmedim ... –

Eh ne olursa olsun Bu biraz garip. .card den background-color kaldırarak, Tamam çalışır: http://jsfiddle.net/JR2Lu/3/

.card stil normalde o div görmüyorum muhtemelen, sorun olduğunu görünüyor.

kaynak

2012-07-02 15:10:38

Efendim, sen bir dahisin. Daha önce öğreticinizle (http://css3.bradshawenterprises.com/all/) karşılaşmıştım ve birçok kez buna geri göndermiştim. Çok yardımcı oldu, teşekkürler. – Grezzo

Çok teşekkürler, yardımcı olmaktan mutluluk duyuyoruz! –

Güzel Bul! Yüzlerim biraz daha fazla içerik ve stil sahibi, görünüşte arka plan veya görüntü bulunmayan yerlerde titremiyor, ama bu durum önemsiz kullanım durumlarına olan etkiyi sınırlıyor :( – skrat

Chrome'da döndürme (flip) css3 animasyonu neden titriyor?

cevap

İlgili konular