CSS3 变形--矩阵 matrix()

matrix() 是一个含六个值的(m11,m12,m21,m22,dx,dy)变换矩阵,用来指定一个2D变换,相当于直接应用一个[m11 m12 m21 m22 dx dy]变换矩阵。就是基于水平方向(X轴)和垂直方向(Y轴)重新定位元素,此属性值使用涉及到数学中的矩阵,

我在这里只是简单的说一下CSS3中的transform有这么一个属性值,

如果需要深入了解,需要对数学矩阵有一定的知识。

 

下列案例实现translate案例中的效果。

用法:transform:matrix(1,0,0,1,20,40);

效果:

CSS3 变形--矩阵 matrix()