目录

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)

参考

相关页面


跳至内容顶部