HTML5复习 (13)

CSS3中的matrix

transform:matrix(1,0,0,1,x,y)就相当于transfrom:translate(x,y)

firefox需要添加单位，webkit默认px，translate等要加单位

translate就是matrix的简写方式

矩阵中的缩放

matrix(sx,0,0,sy,0,0)相当于scale(sx,sy)

矩阵中的旋转

matrix(cosθ,sinθ,-sinθ,cosθ,0,0)相当于rotate(θdeg)

矩阵中的拉伸

matrix(1,tanθy,tanθx,1,0,0)相当于skew(θxdeg,θydeg)

3d中的matrix

transform:matrix3d(sx,0,0,0,0,sy,0,0,0,0,sz,0,0,0,0,1)