skew()
规定2D倾斜转换。
语法
skew(x-angle) skew(x-angle,y-angle)
值
| 值 | 描述 |
|---|---|
| x-angle | 规定X轴的倾斜角度。 |
| y-angle | 规定Y轴的倾斜角度。 |
例子
HTML
<div class="stage"> <div class="box">transform:skew(10deg,10deg)</div> </div>
CSS
.stage{
width:100%;
height:200px;
background:#333;
text-align:center;
}
.box{
display:inline-block;
width:350px;
height:50px;
background:red;
font-size:20px;
color:#fff;
transform:skew(10deg,10deg);//沿 X，Y 坐标各倾斜10度。
}
执行结果
transform:skew(10deg,10deg)