matrix()
规定 2D 转换，使用六个值的矩阵。
语法
matrix(a, b, c, d, tx, ty)
值
| 值 | 描述 |
|---|---|
| a | 规定X轴的缩放比例。 |
| b | 规定Y轴的倾斜角度。 |
| c | 规定X轴的倾斜角度。 |
| d | 规定Y轴的缩放比例。 |
| tx | 规定X轴的移动距离。 |
| tx | 规定Y轴的移动距离。 |
例子
HTML
<div class="stage"> Transform Matrix(矩阵变形)-Css3演示 </div>
CSS
.stage{
background-color: green;
color:#fff;
border: 0 none;
height: 120px;
margin: 40px auto;
padding: 0.5em;
width: 40%;
border-radius: 1em;
line-height: 2;
font-size: 18px;
transform:matrix(1.5,0.1,0.2,1.0,0,0);
transform-origin:0% 0%;
}
执行结果
Transform Matrix(矩阵变形)-Css3演示