我在使用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中的轴旋转起作用。
答案 0 :(得分:2)
好的,我有点预料到这是Firefox中的一个错误。
https://bugzilla.mozilla.org/show_bug.cgi?id=781701
使用rotate3d或matrix3d时,问题仍然存在,只要旋转角度为180度且旋转轴位于象限2或4中。
通过使用除180度以外的任何其他旋转角度(我现在使用179度)来规避这一点。