我知道有时浏览器会加速CSS转换。但是什么时候发生这种情况,是否有办法强制GPU加速以获得流畅的动画?
答案 0 :(得分:3)
大多数现代浏览器都支持GPU加速,但只有当他们认为DOM元素会从中受益时才会使用它。最强烈的迹象是正在应用3D变换。所以使用3D等效变换。例如,使用transform: translateX(50px)
而不是transform: translate3d(50px, 0, 0)
。有关详细信息,请参阅this article。
答案 1 :(得分:0)
你可以使用css"将改变"属性:
will-change: transform;
GPU加速的一些css属性(并非总是如此):