2

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

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

基本上,rotate3d 变换函数将旋转轴作为前三个参数,将角度作为最后一个。仅处理 XY 平面(我尚未在 Z 维度上对此进行测试),当 x 和 y 坐标均为正或均为负时,firefox 似乎仅按预期旋转。

作品:

-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

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

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

于 2013-01-27T03:02:47.257 回答