CSS3变换，歪斜和旋转

我正在看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上使用歪斜和旋转吗？

感谢

来源

2013-01-15 user789122

语法使用 –

像'-webkit-变换变换之间的逗号：歪斜（20deg），旋转（80deg）'？ – user789122

我是这么想的，但也许不是。 –

相反的声明变换一次以上（后来的规则总是赢），你应该用空格这样分开你的转换：

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

不要忘记所有的供应商前缀在这个规则之前。

你可以看到在W3C's working draft

来源

2013-01-15 16:31:42

辉煌。我有一些试验和错误，并设法找到解决方案。 – user789122

CSS3变换，歪斜和旋转

回答

相关问题