【问题标题】:Is CSS3 transitions in Chrome Browsers hardware accelerated in PCs?Chrome 浏览器中的 CSS3 过渡是否在 PC 中硬件加速?
【发布时间】:2011-05-31 12:36:29
【问题描述】:

我已经在 MAC 和 PC 上测试了我的网站。我发现 CSS3 转换在 MAC 上比在 PC 上运行更顺畅。实际上,我的朋友拥有最新的游戏电脑,我可以看到帧滞后比我的 MacBook Air 更频繁。 CSS3 过渡不是在 PC 中也有硬件加速吗?

【问题讨论】:

  • 是否在 chrome://flags 中启用了 GPU 加速合成和 GPU 加速 Canvas 2D?

标签: google-chrome css transition


【解决方案1】:

我认为 Chrome 只会加速 3D 转换。你可以通过添加 -webkit-transform: translateZ(0); 来欺骗它加速 2D 的。到元素。

更多详情在这里:http://www.html5rocks.com/en/tutorials/speed/html5/#toc-hardware-accell

如果你使用 jQuery,这里有一个不错的小插件可以尝试硬件加速/转换为所有动画的过渡:http://github.com/benbarnett/jQuery-Animate-Enhanced

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-21
    • 2012-10-28
    • 1970-01-01
    • 2013-06-11
    • 1970-01-01
    • 2015-12-11
    相关资源
    最近更新 更多