我在使用 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 中的轴围绕轴旋转工作。