给最后加了rotate后为什么前面skew设的扭曲效果不见了？

.wrapper div {

background: orange;

color: #fff;

-webkit-transform: skew(15deg);

-moz-transform: skew(15deg);

transform: skew(15deg);

-webkit-transform-origin: top right;

-moz-transform-origin: top right;

transform-origin: top right;

-webkit-transform:rotate(20deg);

-moz-transform:rotate(20deg);

transform:rotate(20deg);

}

慕少5527016

2016-11-09

源自：十天精通CSS3 8-6

关注问题我要回答

1558

操作

收起

1 回答

慕粉4259319 回答被采纳 +3 积分
2016-11-09

-webkit-transform: skew(15deg) rotate(20deg);

-moz-transform: skew(15deg) rotate(20deg);

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

你要一起写，因为你后面的会覆盖前面的效果，只能一起写才能同时起作用。

7 回复有任何疑惑可以回复我~

收起回答

慕少5527016 提问者

非常感谢！

2016-11-13 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242633 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

2 回答为什么加了px之后没效果了？

1 回答为什么矩阵里面扭曲不起作用？？？矩阵里面扭曲有单位吗？？？

1 回答此处为何要加入display:block;没加上我的字体就扭曲不回来了

1 回答为什么在样式.wrapper div{}中当skew的扭曲度数为-90度或-270度的倍数时不显示颜色呢？

3 回答skew的正负和rotate的相反吗？

搜索更多本课相关问答

给最后加了rotate后为什么前面skew设的扭曲效果不见了？

我要回答关注问题

热搜

最近搜索清空

给最后加了rotate后为什么前面skew设的扭曲效果不见了？

1 回答

本课相似问答

给最后加了rotate后为什么前面skew设的扭曲效果不见了？