即使从视图中隐藏父元素,3D CSS变换也会继续吗?

时间:2012-01-18 09:15:43

标签: css webkit css-transforms

在Webkit中,3D CSS变换会设置为无限重复,即使通过样式(CSS)隐藏它或父元素,它也会继续重复吗?

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

如果有人知道诊断此问题的好方法(例如可视化页面上的CPU周期,而不是每个标签的CPU使用率),我将非常感激。

轶事证据(删除隐藏的CSS动画)表明动画在后台运行。有谁知道如何防止这种情况?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

您可以使用开发人员工具

调试此类情况

chrome / safari右键单击inspect元素。

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