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

2 votes146 views2 answers
Border not showing css
CSS
0 vote124 views1 answer
Html css hide details arrow
CSS
0 vote137 views1 answer
Inline list css without floats
CSS
0 vote132 views1 answer
CSS adding something next to a picture
CSS
-1 vote137 views1 answer
Css div bottom of parent
CSS
72 votes122 views6 answers
Position absolute center
CSS
4 votes141 views4 answers
Css max lines
CSS
16 votes158 views4 answers
Arrow right css
CSS
0 vote141 views1 answer
Youtube-dl forbidden
CSS
61 votes137 views5 answers
Css paragraph ellipsis
CSS