矩陣 matrix()
matrix() 是一個含六個值的(a,b,c,d,e,f)變換矩陣，用來指定一個2D變換，相當於直接應用一個[a b c d e f]變換矩陣。就是基於水平方向（X軸）和垂直方向（Y軸）重新定位元素,此屬性值使用涉及到數學中的矩陣，我在這裡只是簡單的說一下CSS3中的transform有這麽一個屬性值，如果需要深入了解，需要對數學矩陣有一定的知識。
示例演示：
通過matrix()函數來模擬transform中translate()位移的效果。
HTML代碼：
<div> <div></div> </div>
CSS代碼：
.wrapper {
width: 300px;
height: 200px;
border: 2px dotted red;
margin: 40px auto;
}
.wrapper div {
width:300px;
height: 200px;
background: orange;
-webkit-transform: matrix(1,0,0,1,50,50);
-moz-transform:matrix(1,0,0,1,50,50);
transform: matrix(1,0,0,1,50,50);
}演示結果：
