3D 回転の実行中にクリッピングに関する興味深い問題が発生しています。を使用して要素を回転させています:
-webkit-transform:rotate3d(0, 1, 1, 180deg);
アニメーション中は、Chrome、Firefox、および Safari を除く他のブラウザーで問題なく表示されます。
ウィンドウが背後の要素を突き抜けています。これらの要素に適切な z-index を割り当てているので、これは z-index の問題ではありません。
Safariだけでこれが発生する原因を知っている人はいますか?
これは、アニメーション中に Safari でどのように見えるかです。
そしてChromeで適切にアニメーション化
ありがとう！