为什么矩阵里面扭曲不起作用？？？矩阵里面扭曲有单位吗？？？

.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);

}

慕斯3035540

2016-08-13

源自：十天精通CSS3 8-5

关注问题我要回答

1095

操作

收起

1 回答

慕粉3592751
2016-08-13

.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方向就是上下

3 回复有任何疑惑可以回复我~

收起回答

慕斯3035540 提问者

好像应该是这样子。。。。。。看了一下下面的好像就明白了。。。。 Matrix()与translate()关系：translate(x,y)对应Matrix(1,0,0,1,x,y); Matrix()与scale()关系：scale(x,y)对应Matrix(x,0,0,y,0,0); Matrix()与rotate()关系：rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0) Matrix()与skew()关系：skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)