translate3d vs翻译性能

我们现在都知道,特别是从那篇不错的文章中 ,我们应该更喜欢css转换到animation的位置。

但我们得到了translate()translate3d()之间的select…

哪一个通常更快?

下面的这个网站运行比较translate()translate3d()和其他一些属性的testing。 根据它, translate3d()在大多数浏览器中更快。

http://jsperf.com/translate3d-vs-xy

translate3d的使用将CSSanimation推入硬件加速。 即使你想要做一个基本的二维翻译,使用translate3d更多的权力! 所以'T3d'只是更好,因为它告诉CSSanimation推动三维动力的animation! 这就是为什么它更快。 (Cameron Little的答案就是certificate)

Cameronbuild议translate3d在许多浏览器上应该更快,大多数是使用gfx硬件加速来加速渲染。 尤其是在webkit translate3d上强制在页面项目上强制进行硬件加速。

虽然在经验有时有使用3D变换的一个缺点 – 在某些浏览器版本/操作系统组合(OSX + Safari浏览器我看着你)硬件加速渲染可以稍微改变字体平滑以及插值,从而导致轻微的闪烁或模糊。 这些情况大都可以解决,但应该记住。