在网页中斜角怎么写css样式
发布网友
共2个回答
热心网友
一、样式
.polygon{
float:left;
width:100px;
height:100px;
background-color:#000;
shape-outside:polygon(100px 0,100px 80px,0px 80px);
-webkit-clip-path:polygon(100px 0,100px 80px,0px 80px);
}
二、div
<div class="polygon"></div>
/////可根据自己的需要调整样式
热心网友
.box{
transform:skew(10deg,10deg);
-moz-transform:skew(10deg,10deg);
-webkit-transform:skew(10deg,10deg);
}
前面的值是按x轴旋转的角度，后一个是按y轴旋转的角度
