iOS'ta Webkit dönüşümleri ve geçişleri kullanılırken titreme nasıl giderilir?

Question

Animasyonlar için Webkit dönüşümleri ve geçişleri kullanan ipad için bir HTML5 uygulaması oluşturduk. Geçmişte, animasyonların titreşmesini önlemek ve pürüzsüz görünmesini sağlamak için donanım hızlandırmayı etkinleştirmek için -webkit-transform: translate3d(0,0,0);'u kullanmak zorunda kaldık. IOS 6'ya güncelledik ve bu teknik artık çalışmıyor gibi görünüyor. IOS 6’da donanım hızlandırmayı animasyonlar için çağırmanın yeni bir yolu var mı?

Answer 1

bu deneyin:

-webkit-perspective: 1000; 
-webkit-backface-visibility: hidden; 

Answer 2

Elma, iOS6 içinde safari değişti using translate3d doesn't automatically trigger GPU acceleration böylece etmiştir. Bence insanlar bunun nasıl gerçekleşeceğini anlamaya çalışmak için farklı yaklaşımlarla oynuyorlar.

Answer 3

Translate3d'yi (0, 0, 0) dönüştürdüğüm öğenin her öğesine uygulayarak bu sorunu giderdim.

.content * { -webkit-transform:translate3d(0,0,0); }