效果圖：
html：
<div class='site_bar'>首頁</div>css:.site_bar{ background-image : linear-gradient(red,red); background-position : center bottom; background-size : 0 2px; background-repeat : no-repeat; //這個(gè)屬性不能少。 transition : .3s;}.site_bar:hover{ background-size : 100% 2px;}總結(jié)
以上所述是小編給大家介紹的純css實(shí)現(xiàn)元素下出現(xiàn)橫線動(dòng)畫（background-image），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
