為什么矩陣?yán)锩媾で黄鹱饔茫?？?矩陣?yán)锩媾で袉挝粏?？？?/h1>
.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

關(guān)注問題我要回答

1147

操作

收起

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);//傾斜設(shè)置的是倍數(shù)

}

6個(gè)屬性的意思的：第一個(gè)寬度比例1就是原大小，第二個(gè)是上下傾斜1就是2倍，2就是3倍，第三個(gè)是左右傾斜，數(shù)字和第二個(gè)一樣的意思，第四個(gè)是高度比例1就是原大小，第五個(gè)是X方向的像素位移，X方向就是左右，第六個(gè)是Y方向的像素位移，X方向就是上下

3 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕斯3035540 提問者

好像應(yīng)該是這樣子。。。。。。看了一下下面的好像就明白了。。。。 Matrix()與translate()關(guān)系：translate(x,y)對應(yīng)Matrix(1,0,0,1,x,y); Matrix()與scale()關(guān)系：scale(x,y)對應(yīng)Matrix(x,0,0,y,0,0); Matrix()與rotate()關(guān)系：rotate(x)對應(yīng)Matrix(cos(x),sin(x),-sin(x),cos(x),0,0) Matrix()與skew()關(guān)系：skew(x,y)對應(yīng)Matrix(1,tan(x),tan(y),1,0,0)