css - 即使父元素从视图中隐藏，3D CSS 转换是否会继续？

Question

在 Webkit 中，3D CSS 变换是否会设置为无限重复，即使它或父元素通过样式 (CSS) 从视图中隐藏也会继续吗？

我问的原因是我在我正在开发的页面上看到异常高的 CPU 使用率。

如果有人知道诊断此问题的好方法（例如，可视化页面上 CPU 周期的位置，而不是每个选项卡的全面 CPU 使用情况），我将不胜感激。

轶事证据（移除隐藏的 CSS 动画）表明动画确实在后台运行。有谁知道如何防止这种情况？

Answer 1

在 chrome 16.0.912.75 中，即使元素设置为 visibility:hidden;，至少 CSS 动画似乎仍会继续。设置 display:none 似乎可以解决问题。

Answer 2

您可以使用开发人员工具调试这种情况

chrome / safari 右键单击​​检查元素。

转到时间线选项卡并单击记录，之后您可以看到浏览器在内部执行的操作。