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

Is it possible to force hardware acceleration on a CSS width transition

本文关键字：转换 硬件加速 CSS 是否      更新时间：2024-03-29

我注意到，当我使用CSS转换更改元素宽度或边距时，会出现不稳定的滞后性能。

是否有强制硬件加速的方法？有没有任何方法可以使用转换属性来实现极其相似的结果？

不是。硬件加速取决于很多因素，没有一个是由javascript控制的。

这就给我们留下了如何提高CSS宽度/边距转换性能的问题，答案通常是"用规模代替它"，因为它可以在GPU上廉价完成，而且不会触发回流。

  • http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
  • http://blogs.adobe.com/webplatform/2014/03/18/css-animations-and-transitions-performance/
  • 提高CSS3过渡性能
  • Chrome中的抖动CSS转换

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

  • 为什么某些CSS属性的转换缓慢且不流畅
  • Firefox、Chrome和IE中的CSS3转换差异
  • http://www.binarymoon.co.uk/2014/02/fixing-css-transitions-in-google-chrome/

事实上，考虑到谷歌以速度为由拒绝了指针事件，IE通过GPU加速解决了这一问题，可以说Chrome（以及Webkit，Safari甚至更慢）在这方面落后了，唯一的帮助方法是向Chromium/Webkit贡献代码。

我宁愿换个更快的过渡。

相关文章：