简单问题:是否需要暂停CSS3动画以减少CPU负载,尤其是在某些时候隐藏它?为了解释这一点:我有一个包含不同div(= pages)的应用程序,其中一个在google maps部分有一个无限运行的脉冲星动画。
现在我想知道这是否会在移动设备上显着拉紧电池寿命,即使动画不可见(=容器div隐藏)。对于桌面而言,根据OS X活动监视器似乎没什么区别,但我不知道移动设备(Android和iOS)在这里的表现如何。
也许有人过去已经调查了这个?
答案 0 :(得分:2)
根据规范,动画在display: none
上终止,因此它们根本不应该运行。如果您使用visibility: hidden
,它们仍会运行。所以,只需确保它是display: none
。