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 vote365 views1 answer
Css prevent text wrap
CSS
0 vote352 views1 answer
Carousel css only
CSS
0 vote334 views1 answer
Remove svg border
CSS
0 vote335 views1 answer
Grandezza caratteri css
CSS
0 vote429 views2 answers
Elementor accordions closed by default
CSS
0 vote342 views1 answer
How to apply css on react chartjs
CSS
0 vote329 views1 answer
Display flex css compatibility
CSS
0 vote367 views1 answer
Line sharpness css
CSS
1 vote335 views1 answer
Css overwriting styles
CSS
0 vote353 views1 answer
Getting two scroll bars
CSS