このメッセージは、 Developer Tools -> Timeline -> Framesの "Recalculate Style" レコードに対する説明です。この文字列の検索結果は、Webkit ローカリゼーション ソース内のその場所への参照のみです。
時々 100 ミリ秒以上消費するこの時折の「スタイルが無効になった」問題を除いて、それ以外の点では完全に滑らかな 60 fps アニメーションのセットを実行しています。上記の問題は、DevTools タイムライン グラフのホバー状態で示されているように、次の 2 つの場所のいずれかに表示されます。
1) 再生ヘッドが前後に移動してtranslateX、画面全体に表示される要素のアニメーションを制御する greensock タイムライン。
2) 回転要素の小さなセットに変換を直接設定するコードのブロック:
while(i--) {
gears[i].style['WebkitTransform'] = 'rotate3d(0,0,1,' + (delta * rotations[i]) + 'deg)';
}
これらはどちらもrequestAnimationFrameループ内から呼び出され、コード内のどこかで変更される唯一のプロパティは変換rotate/rotate3dとtranslate/ translateX/translate3dです (私は 3D の有無にかかわらずそれらを試しました)。
translateXまた、とのいずれかを無効にしようとしましrotateたが、それぞれが個別に問題を引き起こしているようです。