# 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)