-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
。