GPU如何加速CSS转换？

Question

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

本文

Answer 1

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