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

22 votes219 views5 answers
Center grid
CSS
0 vote195 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
-1 vote205 views1 answer
Dotted underline css
CSS
0 vote221 views1 answer
Textarea resize only horizontal
CSS
28 votes215 views5 answers
Default cursor css
CSS
0 vote176 views1 answer
Sdsd
CSS
2 votes198 views1 answer
Sass class with another class
CSS
23 votes167 views5 answers
Font weight css
CSS
0 vote217 views1 answer
How to remove link line in css
CSS
0 vote271 views1 answer
Ul reset
CSS