google-chrome - Chrome 浏览器硬件中的 CSS3 转换是否在 PC 中加速?

标签 google-chrome css transition

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

最佳答案

我认为 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

关于google-chrome - Chrome 浏览器硬件中的 CSS3 转换是否在 PC 中加速?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6187669/

相关文章:

css - 词缀导航栏和下方内容之间的空白

jquery - 在页面转换期间从 Jquery Mobile 中删除滚动条

javascript - jQuery 不能在我的电脑上运行

html - 子节点位置低于它应该在的位置

javascript - 在 Chrome Javascript API 中分块下载文件?

html - CSS/HTML : How to force horizontal scrollbar when table does not fit on screen?

javascript - 在较小的屏幕上,滑出式选项卡应该贴在 Div 的左侧,无论如何

javascript - Ionic - 禁用 View 过渡动画,但仅适用于单个 View

html - 为什么webkit浏览器需要下载整个html5视频(mp4)才能播放?

android - 将 mix-blend-mode 设置为除 "normal"之外的任何值都会隐藏 Android 9 上 Chrome 中的元素