目录

skewX()

规定X轴上的倾斜转换。

 

语法

skewX(angle)

值

值描述
angle规定倾斜角度。

例子

HTML 

 <div class="stage">
   <div class="box">transform:skewX(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:skewX(10deg);//沿 X 坐标倾斜10度。
}

执行结果

transform:skewX(10deg)

参考

相关页面


跳至内容顶部