【发布时间】：2014-02-13 18:51:34
【问题描述】：
我在 iOS 6 中查看了 MobileSafari 的更改日志，其中指出：
WebKit 不再总是为 带有 -webkit-transform: preserve-3d 选项的元素。作者 应该停止使用此选项来获得硬件加速
是否存在任何硬件加速 CSS 属性列表？
【问题讨论】：
标签： css ios6 hardware-acceleration
【发布时间】：2014-02-13 18:51:34
【问题描述】：
GPU 可以加速文档的这些方面：
- 一般布局合成
- CSS3 过渡
- CSS3 3D 变换
- 画布绘图
- WebGL 3D 绘图
更多信息在这里http://www.html5rocks.com/en/tutorials/speed/html5/
也许这篇文章也会有所帮助http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
还有这个http://mobile.smashingmagazine.com/2012/06/21/play-with-hardware-accelerated-css/
【讨论】：
-
感谢您的回答，但如果我们能列出这些 CSS 属性，那就太好了。
Paul Lewis 和 Paul Irish 有一篇关于高性能动画的非常好的文章。
“我们将直接切入正题。现代浏览器可以非常便宜地为四件事制作动画：位置、缩放、旋转和不透明度。如果您为其他任何内容制作动画，则风险自负，而且您很有可能”不会达到柔滑的 60fps。”
浏览器可以低成本制作动画的 4 件事
位置 - 变换：translate(n px, n px);
缩放 - 变换：缩放(n);
旋转 - 变换：rotate(n deg);
不透明度 - 不透明度：0..1;
可能需要 TranslateZ() 或 Translate3D()。
来源：http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
【讨论】：