45个值得收藏的CSS形状

36.雪佛龙

#chevron {  
position: relative;  
text-align: center;  
padding: 12px;  
margin-bottom: 6px;  
height: 60px;  
width: 200px;  
}  
#chevron:before {  
content: '';  
position: absolute;  
top: 0;  
left: 0;  
height: 100%;  
width: 51%;  
background: red;  
transform: skew(0deg, 6deg);  
}  
#chevron:after {  
content: '';  
position: absolute;  
top: 0;  
right: 0;  
height: 100%;  
width: 50%;  
background: red;  
transform: skew(0deg, -6deg);  
}  

（编辑：威海站长网）

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