translate3d vs CSS left/topとハードウェアアクセラレータ

Question

translate3d（）を使用すると、iOSデバイスのハードウェアアクセラレーションが有効になっていることを理解しています。だからなぜthis test on jsperfは、左/上のCSSを使用してより速いことを示していますか？

Answer 1

私はCSSの左/トップの代わりに、iOSの上で広くtranslate3dを使用している、と私は一つのことを言うことができます：

それは本当に速くjsperfがそうするようには思えないアニメーションもの（のためです。 ）私の推測は、何もアニメーション化されていないのでベンチマーク時には左/上が速く、何も表示されないと思う。

transition（または-webkit-transition）と組み合わせて使用​​すると、translate3dはその魔法を働かせます。