我正在查看 CSS3 Transform 并且想要一个既倾斜又旋转的盒子。
我试过使用:
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 上使用倾斜和旋转吗?
谢谢
最佳答案
而不是多次声明转换(后面的规则总是获胜),您应该像这样用空格分隔您的转换:
transform: rotate(80deg) skew(20deg);
不要忘记这条规则之前的所有供应商前缀。
您可以在 W3C's working draft 上看到语法
关于CSS3 变换、倾斜和旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14342145/