1

ぼやけた画像をサブピクセル変換アニメーションと組み合わせると、パフォーマンスの問題が発生します ( jQuery Transitを使用しています)。

filter: blur(5px);^

では、被写界mousemove深度をシミュレートするためにぼかしが再計算されます。移動すると、要素が思ったほど滑らかに動きません。

デモはこちら

-webkitブラウザーでボトルをクリックするとバギーの動きが表示されます

これを加速する方法についてのアイデア/ヒントはありますか?

すべてのフォーカス ステップを事前に計算し、不透明度を使用することを考えていましたが、これが私が使用する最後の解決策です。

4

1 に答える 1

1

画像の変換とスケーリングを同時に行っているように見えます。代わりにtranslate3d を使用し-webkit-transform: translate3d(x,y,z)、スケーリングの代わりに z 位置を変更してみてください。アニメーションがハードウェア アクセラレーションされるため、これによりパフォーマンスが大幅に向上するはずです。

于 2013-11-20T17:47:34.627 に答える