当前位置 : 主页 > 网页制作 > css >

CSS3变换,倾斜和旋转

来源:互联网 收集:自由互联 发布时间:2021-06-13
我正在寻找 CSS3变换,并希望有一个倾斜和旋转的盒子. 我尝试过使用: transform:rotate(80deg);-moz-transform:rotate(80deg); /* Firefox */-webkit-transform:rotate(80deg); /* Safari and Chrome */-o-transform:rotate(80de
我正在寻找 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上使用倾斜和旋转吗?

谢谢

您不应该多次声明变换(后面的规则总是获胜),而应该使用以下空格分隔变换:

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

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

您可以在W3C’s working draft上看到语法

网友评论