iOS 6でWebkitのトランスフォームとトランジションを使用するときのちらつきの修正方法

Question

私たちは、アニメーション用のWebkitトランスフォームとトランジションを使用するipad用のHTML5アプリケーションを作成しました。これまでは、-webkit-transform: translate3d(0,0,0);を使用してハードウェアのアクセラレーションを有効にして、アニメーションがちらつくのを防ぎ、滑らかに見えるようにしなければなりませんでした。私たちはiOS 6にアップデートしました。このテクニックはもう機能していないようです。 iOS 6でアニメーションのハードウェアアクセラレーションを呼び出す新しい方法はありますか？

Answer 1

はこれを試してみてください：

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

Answer 2

using translate3d doesn't automatically trigger GPU accelerationようにAppleは、iOS6でサファリを変更しました。私は人々がこれを実現させる方法を見つけ出すために、いろいろなアプローチで今遊んでいると思います。

Answer 3

私は変換しているものの中のすべての要素にtranslate3d（0、0、0）を適用してこれを修正しました。

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