为什么很多2d CSS变换要使用transform:translate3d(x,x,0)?

SYLiu
  • 537

明明是 2D 变换,却要使用 transform:translate3d(x,x,0),看到好多地方这么用,是带来什么好处么?
例子:
https://github.com/404
鼠标移动到背景图上的位置变换。

回复
阅读 707
1 个回答

transform:translate3d(0,0,0)可以触发硬件加速,
这个属性都会开启GPU硬件加速模式,从而让浏览器在渲染动画时从CPU转向GPU

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏