是否需要在隐藏状态下暂停CSS3动画以减少CPU负载?

时间:2016-11-15 19:56:50

标签: css3 animation css-transitions

简单问题:是否需要暂停CSS3动画以减少CPU负载,尤其是在某些时候隐藏它?为了解释这一点:我有一个包含不同div(= pages)的应用程序,其中一个在google maps部分有一个无限运行的脉冲星动画。

现在我想知道这是否会在移动设备上显着拉紧电池寿命,即使动画不可见(=容器div隐藏)。对于桌面而言,根据OS X活动监视器似乎没什么区别,但我不知道移动设备(Android和iOS)在这里的表现如何。

也许有人过去已经调查了这个?

1 个答案:

答案 0 :(得分:2)

根据规范,动画在display: none上终止,因此它们根本不应该运行。如果您使用visibility: hidden,它们仍会运行。所以,只需确保它是display: none

https://www.w3.org/TR/css3-animations/