# css3的matrix属性 > 尽管以前就学习过。可是还是在使用便捷的translate,skew,rotate。这些。 > * 语法 matrix 是个矩阵运算。分成2d和3d。 目前先参考一下：[matrix大师链接](https://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-%E7%9F%A9%E9%98%B5/) > 前提是transform-origin: 0,0 也就是默认值,中心点（x,y）=>(0,0) * translate 对应matrix matrix(a,b,c,d,水平移动距离，垂直移动距离） abcd都是无效值，因为a*x = 0,b*x=0,c*y=0,d*y=0 > 前提 > -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; * skew 对应matrix matrix(s,0,0,s,0,0) x = s*topx, y=s*topy * rotate 对应的matrix matrix(cosθ,sinθ,-sinθ,cosθ,0,0) * skew 对应的matrix matrix(1,tan(θy),tan(θx),1,0,0)