首页 > 作文

纯css实现元素下出现横线动画(background

更新时间:2023-04-03 10:46:52 阅读: 评论:0

效果图:

html:

<div class=’site_bar’>首页</div>

css:

单引号的用法

.site_bar{

针鼹

  back普通话考试结果查询网站ground-image :linear-gradient(red,red);

  backgr平西府ound-position : center bottom;

  background-size : 0 2px;

  background-repeat : no-rep河汉女eat; //这个属性不能少。

  transition : .3s;

}

.site_bar:hover{

  background-size : 100% 2px;

}

本文发布于:2023-04-03 10:46:51,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/48b5274c907af82241a0c480c5076678.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:纯css实现元素下出现横线动画(background.doc

本文 PDF 下载地址:纯css实现元素下出现横线动画(background.pdf

标签:平西   针鼹   河汉   首页
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图