<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IT书包</title> </head> <body> <div class="demo_box matrix">复杂的矩阵变形</div> </body> </html>
.demo_box {
border: 1px solid #3DA5DC;
background: #a4dcf9;
height: 100px;
width: 200px;
text-align: center;
color: #fff;
}
.matrix{
-webkit-transform:matrix(1,0.4,0,1,0,0);
-moz-transform:matrix(1,0.4,0,1,0,0);
position:absolute;
left:200px;
top:50px;
}