【问题标题】:Do CSS3 animations need to be paused in hidden state to reduce CPU load?CSS3 动画是否需要在隐藏状态下暂停以减少 CPU 负载?
【发布时间】:2016-11-16 04:15:51
【问题描述】:

简单的问题:是否需要暂停 CSS3 动画以减少 CPU 负载,尤其是在某些时候它被隐藏时?再解释一下:我有一个包含不同 div(= 页面)的应用程序,其中一个在谷歌地图部分有一个无限运行的脉冲星动画。

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

也许过去有人已经对此进行过调查?

【问题讨论】:

    标签: css animation css-transitions


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-07-13
      • 2013-06-24
      • 2011-11-30
      • 1970-01-01
      相关资源
      最近更新 更多