matrix() 是一個(gè)含六個(gè)值的(a,b,c,d,e,f)變換矩陣，用來指定一個(gè)2D變換，相當(dāng)于直接應(yīng)用一個(gè)[a b c d e f]變換矩陣。就是基于水平方向（X軸）和垂直方向（Y軸）重新定位元素,此屬性值使用涉及到數(shù)學(xué)中的矩陣，我在這里只是簡單的說一下CSS3中的transform有這么一個(gè)屬性值，如果需要深入了解，需要對數(shù)學(xué)矩陣有一定的知識(shí)。

示例演示：通過matrix()函數(shù)來模擬transform中translate()位移的效果。
HTML代碼：

<div class="wrapper">
  <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);
}

演示結(jié)果：