我们现在都知道，特别是从 那篇好文章，我们应该更喜欢 CSS 变换动画位置。
但我们可以在 translate()和 translate3d()之间选择。
translate()
translate3d()
哪一个 一般来说更快？
下面这个站点运行比较 translate()、 translate3d()和其他几个属性的测试。根据它，translate3d()在大多数浏览器中运行速度更快。
Http://jsperf.com/translate3d-vs-xy
正如卡梅隆所建议的那样，在很多浏览器中，大多数使用 GFX 硬件加速的浏览器都应该能够更快的渲染。特别是在 WebKit 中，translate3d是强制页面条目显示硬件加速的首选方式。
translate3d
虽然根据我的经验，有时使用3D 转换有一个缺点——在某些浏览器版本/操作系统组合中(MacOS + Safari，我正在看你) ，硬件加速渲染可以稍微改变字体平滑和插值，从而导致轻微的闪烁或模糊。这些情况大多可以解决，但应牢记在心。
使用 transate3d 可以将 CSS 动画推向硬件加速。即使你正在寻找做一个基本的2d 翻译，使用3d 翻译更强大的力量！因此，“ T3d”只是更好，因为它告诉 CSS 动画推动动画在3d 的力量！ 这就是为什么它更快。 (Cameron Little 的回答就是证据)
