主要介绍了纯css实现元素下出现横线动画（background-image）的相关资料,需要的朋友可以参考下

效果图： html：   首页 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 :