CSS3变换、倾斜和旋转

我在看CSS3变换，希望有一个盒子，倾斜和旋转

我试过使用：

transform:rotate(80deg);
-moz-transform:rotate(80deg); /* Firefox */
-webkit-transform:rotate(80deg); /* Safari and Chrome */
-o-transform:rotate(80deg); /* Opera */
-webkit-transform: skew(50deg);
-moz-transform:skew(50deg);
-o-transform:skew(50deg);
transform:skew(50deg);

这似乎只是扭曲了div

可以在同一个div上使用skew和rotate吗

---

感谢您不要多次声明变换（后面的规则总是成功），您应该用空格分隔变换，如下所示：

transform: rotate(80deg) skew(20deg);

不要忘记此规则之前的所有供应商前缀

---

您可以看到

上的语法在转换之间使用逗号方法，如

-webkit transform:skew（20度）、rotate（80度）

？我想是的，但可能不是。我尝试过：

-webkit transform:skew（20度）rotate（80度）这似乎很有效。我经历了一点尝试和错误，终于找到了解决办法。