translate（）和transform: matrix（）效果有區(qū)別嗎？
translate（）和transform: matrix（）效果有區(qū)別嗎？
逐夢(mèng)凡
2015-07-22
2 回答
舉報(bào)
0/150
提交
取消
2015-12-30
這篇blog可以看下：理解CSS3 transform中的Matrix(矩陣)--這玩意確實(shí)有點(diǎn)復(fù)雜。 然而，這卻是屌絲逆襲的一個(gè)好機(jī)會(huì)。
2015-11-21
區(qū)別大了，在CSS3中的變形，如rotate(),skew(),scale(),translate()，都可以使用矩陣matrix()函數(shù)來(lái)代替。
Matrix()與translate()關(guān)系：translate(x,y)對(duì)應(yīng)Matrix(1,0,0,1,x,y);
Matrix()與scale()關(guān)系：scale(x,y)對(duì)應(yīng)Matrix(x,0,0,y,0,0);
Matrix()與rotate()關(guān)系：rotate(x)對(duì)應(yīng)Matrix(cos(x),sin(x),-sin(x),cos(x),0,0)
Matrix()與skew()關(guān)系：skew(x,y)對(duì)應(yīng)Matrix(1,tan(x),tan(y),1,0,0)