0

要素のトランジションを次のように設定すると:

transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-webkit-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-moz-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;

transform: matrix3d プロパティが変更された場合、要素はアニメーション化されません。

これはサポートされていますか? Mozilla は、transform プロパティをトランジションで使用できると言っています ( https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties?redirectlocale=en-US&redirectslug=CSS%2FCSS_animated_properties )

なぜうまくいかないのですか？

私はフィドルをセットアップしました：http://jsfiddle.net/diracleo/aFudH/1/

4

2 に答える 2

2

あなたのCSSルールでは、これを書きました：

transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-webkit-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;
-moz-transition: transform 1s, -webkit-transform 1s, -moz-transform 1s;

ただし、変換する必要があるプロパティについては、いずれかに一致する対応するベンダー プレフィックスを使用する必要がありますtransition(そのプロパティにベンダー プレフィックスが必要な場合)。

したがって、次のようになります。

transition: transform 1s;
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
于 2013-06-12T21:09:12.580 に答える
1

私はあなたのコードをこれに少し変更しましたが、うまくいっているようです:

transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;

http://jsfiddle.net/aFudH/2/

于 2013-06-12T21:05:07.460 に答える