用途
skewY() 规定Y轴上的倾斜转换
语法
skewY(angle)值
值 | 描述 |
|---|---|
<angle> | 规定倾斜角度。 |
例子
/* HTML */
<div class="stage">
<div class="box">transform:skewY(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:skewY(10deg);//沿 Y 坐标倾斜10度。 }执行结果