是否可以在CSS宽度转换上强制硬件加速

Question

当我使用CSS过渡更改元素宽度或边距时，我注意到了生涩的滞后性能。

是否有强制硬件加速？有没有办法使用转换属性来获得一个接缝相似的结果？

Answer 1

不是真的。硬件加速取决于很多因素，在javascript控制下都没有。

这给我们留下了如何提高CSS宽度/边距转换性能的问题，答案通常是＆＃34;用scale＆＃34;替换它，因为它可以在GPU上廉价地完成，因为它没有＆＃39 ; t触发回流。

• http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
• http://blogs.adobe.com/webplatform/2014/03/18/css-animations-and-transitions-performance/
• Improving CSS3 transition performance
• Jerky CSS transform transition in Chrome

众所周知，Chrome在加速CSS转换方面的作用不如Firefox和IE。

• Why transitions for some CSS properties are slow and none fluent
• CSS3 transform difference in Firefox and Chrome and IE
• http://www.binarymoon.co.uk/2014/02/fixing-css-transitions-in-google-chrome/

事实上，鉴于Google拒绝了IE on the ground of speed的指针事件solved by GPU acceleration，可以说Chrome（和Webkit一般 - Safari更慢）在这方面落后了，唯一的帮助方式是contributing code to Chromium / Webkit。

我宁愿切换到更快的过渡。