-webkit-transform: translate3d(0,0,0);使某些设备运行其硬件加速。
本机应用程序可以访问设备的图形处理单元（GPU）以使像素飞行。另一方面，Web应用程序在浏览器的上下文中运行，这使软件可以完成大部分（如果不是全部）渲染，从而降低了转换所需的功能。但是Web一直在追赶，大多数浏览器供应商现在都通过特定的CSS规则提供图形硬件加速。
使用
-webkit-transform: translate3d(0,0,0);将使GPU适应CSS过渡，使其更流畅（FPS更高）。
注意：
translate3d(0,0,0)根据您看到的内容，不会执行任何操作。它将对象沿x，y和z轴移动0px。这只是强制硬件加速的一项技术。
另一种选择是
-webkit-transform: translateZ(0)。如果Chrome和Safari由于转换而闪烁，请尝试
-webkit-backface-visibility: hidden和
-webkit-perspective:1000。
