此处为何要加入display:block;没加上我的字体就扭曲不回来了
.wrapper2{
margin:100px auto;
width:300px;
height:200px;
border:2px dotted aqua;
}
.wrapper2 div{
width:300px;
height:200px;
line-height:200px;
text-align:center;
background:pink;
transform:skew(45deg,10deg);
-webkit-transform:skew(45deg,10deg);
-moz-transform:skew(45deg,10deg);
}
.wrapper2 span{
display:block;
transform:skew(-45deg,-10deg);
-webkit-transform:skew(-45deg,-10deg);
-moz-transform:skew(-45deg,-10deg);
}
