Text decoration css transition

.un {
  display: inline-block;
}

.un::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: black;
  transition: 300ms;
}

.un:hover::after {
  width: 100%;
}

Source: stackoverflow.com

Similar codes

0 vote110 views1 answer
Mailto link with no decoration
CSS
13 votes165 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote101 views2 answers
Css full cover background image
CSS
0 vote107 views1 answer
Bootstrap-navbar-containers
CSS
21 votes97 views2 answers
Form field focus border remove css
CSS
0 vote117 views1 answer
Top 0 bottom 0 left 0 right 0 alternate css
CSS
9 votes115 views5 answers
How to make a triangle in css
CSS
1 vote111 views1 answer
Css testo che scorre
CSS
0 vote111 views2 answers
Css how to place an icon on a photo
CSS
0 vote101 views1 answer
Css media two conditions
CSS