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 vote200 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
2 votes186 views1 answer
Minimum margin css
CSS
0 vote197 views1 answer
Statamic partial
CSS
-1 vote198 views1 answer
Footer css
CSS
1 vote195 views1 answer
Css overwriting styles
CSS
9 votes197 views3 answers
Css get rid of button outline on click
CSS
0 vote197 views1 answer
Label for centered image
CSS
0 vote198 views2 answers
Unable to load authentication plugin 'caching_sha2_password'
CSS
0 vote153 views1 answer
Gulp postcss scss
CSS
64 votes254 views4 answers
Bootstrap buttons
CSS Bootstrap