2

FirefoxのCSS3トランスフォームで奇妙な動作が発生しています。

私の問題はこのJSfiddleに示されています:http://jsfiddle.net/R4j6G/2/

基本的に、rotate3d変換関数は、最初の3つの引数として回転軸を取り、最後の引数として角度を取ります。XY平面のみを扱っている(私はこれをZ次元でテストしていません)、Firefoxはx座標とy座標が両方とも正または両方が負の場合にのみ期待どおりに回転するようです。

作品:

-moz-transform: rotate3d(1, 1, 0, 180deg);

動作しません(^と同じように表示されます):

-moz-transform: rotate3d(1, -1, 0, 180deg);

これを引き起こしている可能性があるもの、または象限IIまたはIVの軸を中心に回転させるための回避策があるかどうかを理解できないようです。

4

1 に答える 1

2

わかりました、これは Firefox のバグです。

https://bugzilla.mozilla.org/show_bug.cgi?id=781701

回転角度が 180 度で、回転軸が象限 2 または 4 にある限り、rotate3d または matrix3d のどちらを使用しても問題は解決しません。

これは、180 度以外の回転角度を使用することで回避されます (現在は 179 度を使用しています)。

于 2013-01-27T03:02:47.257 に答える