translate()和transform: matrix()效果有区别吗?
这篇blog可以看下:理解CSS3 transform中的Matrix(矩阵)--这玩意确实有点复杂。 然而,这却是屌丝逆袭的一个好机会。
区别大了,在CSS3中的变形,如rotate(),skew(),scale(),translate(),都可以使用矩阵matrix()函数来代替。
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)