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 回答