首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >移动safari硬件加速CSS属性列表

移动safari硬件加速CSS属性列表
EN

Stack Overflow用户
提问于 2013-04-24 07:13:09
回答 2查看 8.8K关注 0票数 5

我在MobileSafari 6中浏览了iOS 6中的更改日志,其中声明:

WebKit不再总是为元素创建硬件加速层,使用-webkit-转换:保存-3d选项。作者应停止使用此选项作为获得硬件加速的方法。

是否存在硬件加速CSS属性的列表?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-04-24 07:16:06

GPU可以加速文档的这些方面:

  • 总体布局组合
  • CSS3跃迁
  • CSS3三维变换
  • 帆布绘图
  • WebGL三维绘图

这里有更多关于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/

票数 11
EN

Stack Overflow用户

发布于 2013-12-17 11:59:19

保罗刘易斯和保罗爱尔兰有一篇很好的文章关于高性能动画。

“我们要直截了当地说。现代浏览器可以让四种东西变得非常便宜:位置、比例尺、旋转和不透明度。如果你做了其他的动画,这是你自己的风险,很有可能你不会碰到一个光滑的60英尺。”

4浏览器可以以较低的价格激活

位置变换:平移(n,n);

标度-变换:标度(N);

旋转-变换:旋转(n- deg);

不透明度-不透明度:0.1;

可能需要TranslateZ()或Translate3D()。

来源:http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16185639

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档