在Webkit中,3D CSS变换会设置为无限重复,即使通过样式(CSS)隐藏它或父元素,它也会继续重复吗?
我问的原因是我在正在开发的页面上看到意外的高CPU使用率。
如果有人知道诊断此问题的好方法(例如可视化页面上的CPU周期,而不是每个标签的CPU使用率),我将非常感激。
轶事证据(删除隐藏的CSS动画)表明动画做在后台运行。有谁知道如何防止这种情况?
答案 0 :(得分:2)
在chrome 16.0.912.75中,即使将元素设置为visibility:hidden;,至少CSS动画似乎仍会继续。设置显示:无似乎可以解决问题。
答案 1 :(得分:1)
您可以使用开发人员工具
调试此类情况chrome / safari右键单击inspect元素。
转到时间线选项卡并单击记录,之后您可以看到浏览器在内部执行的操作。