給最后加了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);
}
2016-11-09
-webkit-transform: skew(15deg) rotate(20deg);
-moz-transform: skew(15deg) rotate(20deg);
transform: skew(15deg) rotate(20deg);
你要一起寫,因為你后面的會覆蓋前面的效果,只能一起寫才能同時起作用。