サファリ対クロムのCSS変換アニメーションの問題

Question

問題をよりよく表示するために、私のコードの複製をcodepenで作成しました。

アニメーションはクロムでうまくいきますが、サファリではうまくいきません。

http://codepen.io/prismosoft/pen/akVzQg

私はプッシャーが回転し、translateZを使用して押し戻されながらスケールはラッパー背景div要素に変換を適用しています。今プッシャーに設定されていても： translateZ(-1000px)

私は、ラッパーの背景を背景として、プッシャーの後ろに滞在したいです。なぜサファリはクロムのように動作しないのですか？何か不足していますか？

Answer 1

私は最終的に問題が愚かな私を見つけた！ラッパーbg divは、1500pxのパースペクティブを持つラッパーdiv内にあるためです。ラッパーbgをラッパーdivの外に移動するだけで問題は解決します。