skew()
用途
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度。 }本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2018-10-31，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读