css - CSS3 3D Webkit の問題

Question

ここで問題のフィドルを作成しましたhttp://jsfiddle.net/aakashgoel/ZcF4N/

3D レンダリングは Mozilla Firefox では正常に動作しますが、Google Chrome では失敗します。そこで使用されているプロパティのうち、Chrome でサポートされていないものはどれですか?

編集：期待される結果：ボックス「1」をクリックして反転させます。青色の背景を持つ 2 に変更する必要があります。

編集：これはクロムが出力するものです：

Answer 1

現時点では、Google Chrome には完全な CSS3 モジュールが実装されていません。パースペクティブは機能しません。これは単なる「疑似」3D 実装です。translate3d や rotate3d などの 3D プロップは、X 軸と Y 軸でのみ機能し、Z 軸では機能しません。この例は、最新の Firefox と Safari (Webkit と Chrome も) でのみ機能します。