html – 为什么在使用CSS3动画属性时Firefox的CPU使用率如此之高
发布时间:2020-12-14 18:36:06 所属栏目:资源 来源:网络整理
导读:今天我打算用CSS制作一些关键帧动画.我正在使用以下CSS: -webkit-animation: ballanim 5.6s infinite; -o-animation: ballanim 5.6s infinite; animation: ballanim 5.6s infinite; 但是有一个很大的问题,我不知道我的代码是否有问题,或者它是否是Firefox问
今天我打算用CSS制作一些关键帧动画.我正在使用以下CSS:
-webkit-animation: ballanim 5.6s infinite; -o-animation: ballanim 5.6s infinite; animation: ballanim 5.6s infinite; 但是有一个很大的问题,我不知道我的代码是否有问题,或者它是否是Firefox问题.相比之下,这些动画的10倍: > Safari:12.8%的CPU使用率. 我在这里上传了我的网页: http://hkwh01.99k.org/test/services.html Firefox不适合CSS动画吗?有人知道这个的原因吗?我应该想到另一种做动画的方法吗? 解决方法
CSS动画应该是硬件(GPU)加速.
看看这个真正邪恶的例子http://ie.microsoft.com/testdrive/Performance/Chalkboard/ 在所有目标浏览器默认支持HWA之前,您不应该依赖动画来获取非基本功能.对它们禁用动画可能是一个好主意. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |