Firefox无法围绕笛卡尔平面上的象限2和4中的轴旋转

时间:2013-01-27 02:14:06

标签: firefox css3 css-transforms

我在使用Firefox CSS3转换时遇到了一些奇怪的行为。

我的问题在这个JSfiddle中有说明:http://jsfiddle.net/R4j6G/2/

基本上,rotate3d变换函数将旋转轴作为前三个args,将角度作为最后一个。仅处理XY平面(我没有在Z维度上测试过),似乎firefox只在x& y坐标既可以是正数,也可以是负数。

使用:

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

不起作用(显示与^相同):

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

我似乎无法破译可能导致此问题的原因,或者是否有任何解决方法可以使象限II或IV中的轴旋转起作用。

1 个答案:

答案 0 :(得分:2)

好的,我有点预料到这是Firefox中的一个错误。

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

使用rotate3d或matrix3d时,问题仍然存在,只要旋转角度为180度且旋转轴位于象限2或4中。

通过使用除180度以外的任何其他旋转角度(我现在使用179度)来规避这一点。