HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 为什么在使用CSS3动画属性时Firefox的CPU使用率如此之高?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
今天我打算用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使用率.
> Firefox:CPU使用率超过70%.

我在这里上传了我的网页:

http://hkwh01.99k.org/test/services.html

Firefox不适合CSS动画吗?有人知道这个的原因吗?我应该想到另一种做动画的方法吗?

解决方法

CSS动画应该是硬件(GPU)加速.

看看这个真正邪恶的例子http://ie.microsoft.com/testdrive/Performance/Chalkboard/
并比较IE10(默认情况下为原生HWA)和其他浏览器(目前默认情况下没有HWA)的性能.然后 – 启用HWA,看看其他浏览器第二次执行的效果有多好(但仍比IE10差).

在所有目标浏览器默认支持HWA之前,您不应该依赖动画来获取非基本功能.对它们禁用动画可能是一个好主意.

大佬总结

以上是大佬教程为你收集整理的html – 为什么在使用CSS3动画属性时Firefox的CPU使用率如此之高?全部内容,希望文章能够帮你解决html – 为什么在使用CSS3动画属性时Firefox的CPU使用率如此之高?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。