親要素が表示されていなくても3D CSSトランスフォームが継続されますか？

Question

Webkitでは、3D CSSトランスフォームが無期限に繰り返すように設定されますか、それとも親要素がスタイリング（CSS）で表示されていなくても継続しますか？

私が尋ねる理由は、私が開発しているページで予期せず高いCPU使用率が見えているからです。

この問題を診断するには良い方法を知っている人がいれば（たとえば、タブごとのCPU使用率がCPUサイクルとは異なり、CPUサイクルがどこにあるのかを視覚化するなど）、私は非常に感謝しています。

事実上の証拠（隠されたCSSアニメーションの削除）は、アニメーションはをバックグラウンドで実行することを示唆しています。誰もこれを防ぐ方法を知っていますか？

Answer 1

あなたは右の要素を点検クリック開発ツール

クローム/サファリでこのような状況をデバッグすることができます。

タイムラインタブに移動し、レコードをクリックすると、ブラウザが内部的に何をしているのかがわかります。

Answer 2

chrome 16.0.912.75では、要素がvisibility：hidden;に設定されていても、少なくともCSSアニメーションは継続するように見えます。表示設定：なしが問題を解決するように見えます。