css 悬停下划线链接
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 悬停下划线链接相关的知识，希望对你有一定的参考价值。
a {display: inline-block;padding: 5px 0;position: relative;transition: all .2s ease}
a:after {content:"";position: absolute;left:0;bottom: 0;width: 0;border-bottom: 2px solid #8ac4fd;transition: all .4s cubic-bezier(.175,.885,.32,1.075);overflow: hidden}
a:hover:after{width:100%}
以上是关于css 悬停下划线链接的主要内容，如果未能解决你的问题，请参考以下文章
CSS Div 链接文本下划线悬停
如何从活动导航链接中删除悬停时不必要的附加下划线？
如何在 CSS 中使用“悬停”
如何实现在悬停反应路由器链接时显示下划线的过渡效果？
HTML：删除图像的：悬停？
悬停链接并在 SVG 中更改颜色 [重复]