用途
matrix 规定 2D 转换,使用六个值的矩阵。
语法
代码语言:javascript复制matrix(a, b, c, d, tx, ty)
值
值 | 描述 |
---|---|
a | 规定X轴的缩放比例。 |
b | 规定Y轴的倾斜角度。 |
c | 规定X轴的倾斜角度。 |
d | 规定Y轴的缩放比例。 |
tx | 规定X轴的移动距离。 |
tx | 规定Y轴的移动距离。 |
例子
代码语言:javascript复制<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%; }