接觸了一個(gè)css3效果,記錄下來和敬，方便以后使用视粮，在實(shí)踐中學(xué)點(diǎn)新知識(shí)，共勉Ｍ两罪针！
html標(biāo)簽
<div class="box-show"> </div>
css樣式
.box-show{
width:100%;
border-bottom: 1px solid #56A7FB;border-bottom: 1px solid ;
border-image: -webkit-linear-gradient(30deg, rgba(255,255,255,0.00) 0%,#56A7FB 20%, rgba(255,255,255,0.00) 99%) 2 2 2 2;
border-image: -moz-linear-gradient(30deg, rgba(255,255,255,0.00) 0%,#56A7FB 20%, rgba(255,255,255,0.00) 99%) 2 2 2 2;
border-image: linear-gradient(30deg, rgba(255,255,255,0.00) 0%,#56A7FB 20%, rgba(255,255,255,0.00) 99%) 2 2 2 2;
}
展現(xiàn)結(jié)果
image.png
