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

Question

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

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

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

作品:

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

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

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

我似乎无法破译可能导致这种情况的原因，或者是否有任何变通方法可以使绕轴在象限 II 或 IV 中的旋转正常工作。

Answer 1

好吧，正如我预料的那样，这是 Firefox 中的一个错误。

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

无论使用 rotate3d 还是 matrix3d，只要旋转 Angular 为 180 度且旋转轴在 2 或 4 象限内，问题仍然存在。

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