translate3d vs翻译性能
我们现在都知道,特别是从那篇不错的文章中 ,我们应该更喜欢css转换到animation的位置。
但我们得到了translate()
和translate3d()
之间的select…
哪一个通常更快?
下面的这个网站运行比较translate()
, translate3d()
和其他一些属性的testing。 根据它, translate3d()
在大多数浏览器中更快。
translate3d的使用将CSSanimation推入硬件加速。 即使你想要做一个基本的二维翻译,使用translate3d更多的权力! 所以'T3d'只是更好,因为它告诉CSSanimation推动三维动力的animation! 这就是为什么它更快。 (Cameron Little的答案就是certificate)
Cameronbuild议translate3d
在许多浏览器上应该更快,大多数是使用gfx硬件加速来加速渲染。 尤其是在webkit translate3d
上强制在页面项目上强制进行硬件加速。
虽然在经验有时有使用3D变换的一个缺点 – 在某些浏览器版本/操作系统组合(OSX + Safari浏览器我看着你)硬件加速渲染可以稍微改变字体平滑以及插值,从而导致轻微的闪烁或模糊。 这些情况大都可以解决,但应该记住。