で奇妙な問題が発生してい-webkit-transform
ます。perspective
要素を「フリップアップ」するためにとを使用するとrotateX
、要素が十分に高ければ、特定の角度を超えるとちらつくか、まったくレンダリングされません。
問題を説明するjsFiddleデモをセットアップしました。マウスを左右に動かして長方形を回転させます。
要素の高さが 400px の場合、すべて正常に動作しているように見えます。
「4000」をクリックして、要素の高さを 4000px にします。テキストは特定の範囲で更新を停止し、レンダリングはちらつきます。
- 「40000」をクリックして、要素の高さを 40000px にします。小さな角度ではきれいにレンダリングされますが、約 80 度で完全に消えます。
何が起きてる?回避策はありますか、それとも WebKit のバグを報告する必要がありますか?
(注: この動作は、OS X の Safari と Chrome の両方で見られます。)