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

Firefox无法在笛卡尔平面上围绕象限2和象限4中的轴旋转3D,firefox,css,css-transforms,Firefox,Css,Css Transforms,我在Firefox CSS3转换中遇到了一些奇怪的行为 我的问题在这个JSFIDLE中得到了说明: 基本上,rotate3d变换函数将旋转轴作为前三个参数,将角度作为最后一个参数。仅处理XY平面(我没有在Z维度中测试过),似乎firefox仅在x&y坐标都为正或都为负时才会按预期旋转 作品: -moz-transform: rotate3d(1, 1, 0, 180deg); 不工作(显示与^相同): 我似乎无法解释这可能是什么原因造成的,或者是否有任何解决办法可以使象限II或IV中的轴旋转正

我在Firefox CSS3转换中遇到了一些奇怪的行为

我的问题在这个JSFIDLE中得到了说明:

基本上,rotate3d变换函数将旋转轴作为前三个参数,将角度作为最后一个参数。仅处理XY平面(我没有在Z维度中测试过),似乎firefox仅在x&y坐标都为正或都为负时才会按预期旋转

作品:

-moz-transform: rotate3d(1, 1, 0, 180deg);
不工作(显示与^相同):


我似乎无法解释这可能是什么原因造成的,或者是否有任何解决办法可以使象限II或IV中的轴旋转正常。

好的,正如我有点预料的那样,这是Firefox中的一个bug

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

通过使用180度以外的任何其他旋转角度(我现在使用179度)可以避免这种情况

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