css - 如何选择在css中首先应用什么变换

Question

问题：我想倾斜盒子而不是旋转它，但发生的是它先旋转然后倾斜。

http://jsfiddle.net/74ehh/2/ 看到我的评论

如您所见，这会弄乱结果，而不是倾斜和旋转的盒子。我得到了旋转和倾斜的盒子，这很难理解，而不是我想要的。

我试着像这样改变顺序..

transform: skew(30deg) rotate(30deg);

但这没有用。

或者有人可以详细说明如果旋转盒子我将如何计算偏斜。

那我能做什么？

Answer 1

首先关于顺序：从左到右。所以在代码中......

-webkit-transform: skew(30deg) rotate(30deg);

它会先倾斜然后旋转。

我遇到的麻烦是子元素正在使用它......

我发现实际上是歪斜属性被搞砸了（幸运的是）？

倾斜多少元素本身的元素的父元素旋转到它的北方/监视器的顶部总是0度并不重要。