慕斯3035540
2016-08-13 08:08
.wrapper div {
width:300px;
height: 200px;
background: orange;
-webkit-transform:matrix(0.5,0,0,2,100,100);
transform: matrix(0.5,30deg,30deg,2,100,100);
}
.wrapper div {
width:300px;
height: 200px;
background: orange;
-webkit-transform:matrix(0.5,3,3,2,100,100);
transform: matrix(0.5,3,3 ,2,100,100);//倾斜设置的是倍数
}
6个属性的意思的:第一个宽度比例1就是原大小,第二个是上下倾斜1就是2倍,2就是3倍,第三个是左右倾斜,数字和第二个一样的意思,第四个是高度比例1就是原大小,第五个是X方向的像素位移,X方向就是左右,第六个是Y方向的像素位移,X方向就是上下
十天精通CSS3
242553 学习 · 2623 问题
相似问题