45个值得收藏的CSS形状

发布时间：2019-04-24 05:55:15 所属栏目：建站来源：前端小智

导读：副标题#e# CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CS

15.平行四边形

#parallelogram {  
width: 150px;  
height: 100px;  
transform: skew(20deg);  
background: red;  
}

16.星星 (6角)

#star-six {  
width: 0;  
height: 0;  
border-left: 50px solid transparent;  
border-right: 50px solid transparent;  
border-bottom: 100px solid red;  
position: relative;  
}  
#star-six:after {  
width: 0;  
height: 0;  
border-left: 50px solid transparent;  
border-right: 50px solid transparent;  
border-top: 100px solid red;  
position: absolute;  
content: "";  
top: 30px;  
left: -50px;  
}

（编辑：惠州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

3/20

首页

尾页