matrix() [矩阵变形]

### 语法
```css
transform: matrix(<number>,<number>,<number>,<number>,<number>,<number>);
```
<table class="table"><thead><tr><th width="20%">语法项目</th><th>说明</th></tr></thead><tbody><tr><td>初始值</td><td>none</td></tr><tr><td>适用于</td><td>块元素和行内元素</td></tr><tr><td>可否继承</td><td>否</td></tr><tr><td>媒介</td><td>视觉</td></tr><tr><td>版本</td><td>CSS3.0</td></tr></tbody></table>

### 说明
`matrix()`是矩阵函数，以一个含六值的`(a,c,e,b,d,f)`变换矩阵的形式指定一个2D变换，相当于直接应用一个`[a c e b d f]`变换矩阵。

> 注意：c,e的值用正弦或余弦值表示
IE虽然不支持大部分的CSS3变形，但是支持matrix滤镜。

### 取值
```css
matrix(<number>,<number>,<number>,<number>,<number>,<number>);
```
  该函数包括6个参数(a,c,e,b,d,f)，实际上它是一个3*3的矩阵:
<div class="intro"><style>.matrixs{width:180px;height:180px;border:1px solid #dedede;background:#fff;margin:20px 0 20px 0px;float:left;list-style:none;padding:0px!important;box-sizing:content-box;}.matrixs li{float:left;width:60px;height:60px;text-align:center;line-height:60px;}</style><ul class="matrixs"><li>a</li><li>c</li><li>e</li><li>b</li><li>d</li><li>f</li><li>0</li><li>0</li><li>1</li></ul><dl class="float-left ml-3"><dt class="mt-0">参数详解：</dt><dd class="pl-0">a表示scaleX();</dd><dd class="pl-0">c表示skewY();</dd><dd class="pl-0">e表示skewX();</dd><dd class="pl-0">b表示scaleY();</dd><dd class="pl-0">d表示translateX();</dd><dd class="pl-0">f表示translateY();</dd></dl><div class="clearfix"></div></div>

### 实例代码
<iframe src="http://example.itshubao.com/inexample/432.html" width="100%" height="300px" frameborder="0" scrolling="no"></iframe>

### 兼容性
<table class="table"><thead><tr><th class="ie" width="20%">IE</th><th class="firefox" width="20%">Firefox</th><th class="opera" width="20%">Opera</th><th class="safari" width="20%">Safari</th><th class="chrome" width="20%">Chrome</th></tr></thead><tbody><tr><td>IE 10+</td><td>Firefox 3.5+</td><td>Opera 11.50+</td><td>Safari 10+</td><td>Chrome 2.0+</td></tr></tbody></table>