0

使用透视视图并具有转换的 div rotateY(-90deg) rotateX(-180deg)，前置rotateZ(-90deg)不会产生 -90 度的旋转，而是会产生 +270 度的旋转。

div 的样式从
transform: rotateY(-90deg) rotateX(-180deg);
到
transform: rotateZ(-90deg) rotateY(-90deg) rotateX(-180deg);

我不确定这种行为是否与以下事实有关：当您以时尚方式链接三个旋转时，rotate(90deg) rotate(90deg) rotate(90deg)结果不是 +270 度的旋转，而是 -90 度的旋转。

请在此处查看 jsFiddle http://jsfiddle.net/Sdg2W/1/

这是一个错误吗？任何见解将不胜感激。

4

2 回答 2

1

据我所知，它旋转正常。当您说一个顺时针旋转而另一个逆时针旋转时，您是对的。但是您错过了这样一个事实，即当旋转到 +270 时，它会旋转 3/4 整圈。你的小提琴只做一整圈的 1/4。

请参阅另一个小提琴：[http://jsfiddle.net/vals/Sdg2W/2/]。我只改变了进行转换的方式，以便您可以更轻松地使用它。

我认为让您感到困惑的是，由于 Y 轴上有 180 度，因此旋转是反转的（如果这是唯一的变换，您会期望得到什么）

于 2013-07-18T18:54:28.353 回答
0

这确实是 Mac 上的 Chrome 上出现的错误。

于 2013-07-21T12:16:56.710 回答