GPU如何加速CSS转换?

时间:2015-09-16 16:54:36

标签: css animation transform gpu

我知道有时浏览器会加速CSS转换。但是什么时候发生这种情况,是否有办法强制GPU加速以获得流畅的动画?

this article

2 个答案:

答案 0 :(得分:3)

大多数现代浏览器都支持GPU加速,但只有当他们认为DOM元素会从中受益时才会使用它。最强烈的迹象是正在应用3D变换。所以使用3D等效变换。例如,使用transform: translateX(50px)而不是transform: translate3d(50px, 0, 0)。有关详细信息,请参阅this article

答案 1 :(得分:0)

你可以使用css"将改变"属性:

will-change: transform;

GPU加速的一些css属性(并非总是如此):

  • 过滤
  • 不透明度
  • 变换