アニメーションに Webkit 変換とトランジションを使用する ipad 用の HTML5 アプリを作成しました。これまでは-webkit-transform: translate3d(0,0,0);、ハードウェア アクセラレーションを有効にして、アニメーションのちらつきを防ぎ、スムーズに表示するために を使用する必要がありました。iOS 6 にアップデートしたところ、この手法は機能しなくなったようです。アニメーション用に iOS 6 でハードウェア アクセラレーションを呼び出す新しい方法はありますか?
質問する
4496 次
3 に答える
8
これを試して：
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
于 2012-09-21T15:45:01.357 に答える
4
Apple は iOS6 で safari を変更したため、translate3d を使用しても GPU アクセラレーションが自動的にトリガーされません。これを実現する方法を見つけるために、人々は現在さまざまなアプローチで遊んでいると思います。
于 2012-09-21T19:37:10.097 に答える
1
私は変換していたものの中のすべての要素に translate3d(0, 0, 0) を適用することでこれを修正しました。
.content * { -webkit-transform:translate3d(0,0,0); }
于 2013-07-10T20:26:37.997 に答える