给最后加了rotate后为什么前面skew设的扭曲效果不见了？
来源：8-6 CSS3中的变形--原点 transform-origin
慕少5527016
2016-11-09 09:59
.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);
}
写回答
关注
1回答
-
- 慕粉4259319
- 2016-11-09 15:06:08
-webkit-transform: skew(15deg) rotate(20deg);
-moz-transform: skew(15deg) rotate(20deg);
transform: skew(15deg) rotate(20deg);
你要一起写，因为你后面的会覆盖前面的效果，只能一起写才能同时起作用。
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242553 学习 · 2623 问题
相似问题