0

CSS3 トランスフォームとトランジションを使用して、フリップ アニメーションを作成しました。

Moz はパースペクティブ CSS3 プロパティを認識しないため、webkit の場合のように 3D で反転しません。

とにかく-mozフリップを作ることはあります-webkit

サンプル::

http://jsfiddle.net/L9wDd/91/

4

2 に答える 2

3

Firefox 18にアップデートしpx-moz-perspectiveプロパティにを適用したところ、Chromeと同じ効果が得られました。

.container {
    position:relative; display:block;
    -webkit-perspective:1000px; -moz-perspective:1000px;
}

また、標準プロパティを適用することもできますが、それでもperspective同じ効果があります。

    perspective: 1000px;
于 2013-01-12T18:47:14.423 に答える
1

-mozプロパティ パースペクティブではプレフィックスは必要ありません。Firefox 10 以降でのみ動作することに注意してください。次のリンクで、Firefox で動作する例を確認できます: https://gist.github.com/4346505

于 2013-01-12T18:42:32.847 に答える