0

私のtranslate3dがハードウェアアクセラレーションを強制しているとは思わない(トップ/ボトムポジショニング)。私は何が欠けていますか？

.image {
        background:yellow;
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform, top, bottom;
        -webkit-transition-duration: 0.5s;
        -webkit-transform: translate3d(0,0,0);
    }
4

2 に答える 2

0

それで、トランジションのアニメーションはあなたが望むよりも遅い/途切れ途切れですか？imageクラス名から、ハードウェアアクセラレーションが開始されたとしても、問題はそれがイメージであるという事実にあるのではないかと推測しています。仕事中の私のチームは、iOSでUIシミュレーション/デモを行う際にこれに苦労することがあります。テストと同じように、画像を同じサイズに置き換えて、divよりスムーズに動くかどうかを確認してみてください。

于 2011-06-17T01:41:52.700 に答える
0

途切れ途切れのアニメーションをトリガーするすべての要素に追加するクラスを作成しました。アニメーションは iPad 2 では途切れることはありませんでしたが、iPad Retina ではあらゆる種類のパフォーマンスの問題が発生していました。

.gpu-rendered {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}
于 2012-10-25T14:32:01.513 に答える