私はこのフィドルを作成しました; 赤いボックスはCSSleft
プロパティでアニメーション化し、青いボックスはCSSTransformプロパティでアニメーション化しTranslateX
ます。
Chrome 21では、両方のアニメーションのパフォーマンスが同じで、どちらもスムーズに実行されます。
しかし、Safari(Windows用)では、青いものはスムーズにアニメーション化しますが、赤いものは遅れます。(青いものはハードウェアアクセラレーションされているようですが、赤いものはそうではありません)
最初の質問は、最良の選択は何ですか?全体的にどちらが優れていますか?(より多くのブラウザによるサポートなど)
そして次に、Safariのアニメーションleft
とCSSプロパティをハードウェアで高速化する方法はありませんか?top
(実際にウィンドウの外側に移動したいので、プロパティdiv
を使用する方が良いと思いますleft
。)