CSS - a

a {
  position: relative;
  white-space: normal;
  border-bottom: .0625rem dashed #1abc9c;
  text-decoration: none;
  color: #1abc9c;
}
a:after {
  position: absolute;
  bottom: -.0625rem;
  left: 100%;
  width: 0;
  border-bottom: .0625rem solid #1abc9c;
  content: "";
  transition: width .35s,left .35s
}
a:hover:after {
  left: 0;
  width: 100%;
  transition: width .35s
}

参考自 Hran

返回文章列表 打赏
本页链接的二维码
打赏二维码
期待你的评论

2 条评论
  1. 欧尼酱 青铜   欧尼酱  

    不明觉厉

    1. 小尾巴 王者   小尾巴   博主
      @ 欧尼酱

      只是一段 css 样式而已啦