CSS3 トランスフォームとトランジションを使用して、フリップ アニメーションを作成しました。
Moz はパースペクティブ CSS3 プロパティを認識しないため、webkit の場合のように 3D で反転しません。
とにかく-moz
フリップを作ることはあります-webkit
か
サンプル::
CSS3 トランスフォームとトランジションを使用して、フリップ アニメーションを作成しました。
Moz はパースペクティブ CSS3 プロパティを認識しないため、webkit の場合のように 3D で反転しません。
とにかく-moz
フリップを作ることはあります-webkit
か
サンプル::
Firefox 18にアップデートしpx
、-moz-perspective
プロパティにを適用したところ、Chromeと同じ効果が得られました。
.container {
position:relative; display:block;
-webkit-perspective:1000px; -moz-perspective:1000px;
}
また、標準プロパティを適用することもできますが、それでもperspective
同じ効果があります。
perspective: 1000px;
-moz
プロパティ パースペクティブではプレフィックスは必要ありません。Firefox 10 以降でのみ動作することに注意してください。次のリンクで、Firefox で動作する例を確認できます: https://gist.github.com/4346505。