效果图:
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; //这个属性不能少。
transition : .3s;
}
.site_bar:hover{
background-size : 100% 2px;
}
原文地址:https://www.cnblogs.com/zhucj/p/10072480.html
时间: 2024-10-09 12:52:59