css3锯齿边框

<div class="bg"></div>
.bg{
    width:300px;
    height:50px;
    background:#caca8c;
    background-image:-webkit-gradient(
        linear,50% 0,0 100%,
        from(transparent),
        color-stop(.5,transparent),
        color-stop(.5,#d86707),
        to(#d86707)    
    ),
    -webkit-gradient(
        linear,50% 0,100% 100%,
        from(transparent),
        color-stop(.5,transparent),
        color-stop(.5,#d86707),
        to(#d86707)                                            
    );                                
    background-size:20px 10px;
    background-repeat:repeat-x;
    background-position:0 100%;                   
}

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。