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

6 votes346 views3 answers
Print css media query
CSS
164 votes430 views6 answers
Box-shadow css
CSS
0 vote356 views1 answer
How to remove text selection in css
CSS
9 votes329 views4 answers
Two color background css
CSS
0 vote364 views1 answer
Text below filter css using pseudo
CSS
0 vote436 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote340 views2 answers
Remove button shadow css
CSS
1 vote338 views1 answer
Scroll bottom css
CSS
0 vote403 views1 answer
Css Formes géométriques
CSS
22 votes369 views5 answers
Grid center
CSS