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

-1 vote182 views2 answers
How to add image with url in css
CSS
-1 vote176 views1 answer
Flex wrap tailwind
CSS
27 votes190 views3 answers
Align div to center of screen
CSS
1 vote175 views2 answers
Button width based on text csss
CSS
10 votes175 views2 answers
Css how to change font colr
CSS
1 vote205 views1 answer
Multiple divs next to each other
CSS
0 vote194 views1 answer
Disable text higlighting
CSS
0 vote201 views1 answer
Youtube player get current time
CSS
0 vote209 views3 answers
How to create collapsable using pure Javascript
CSS
7 votes174 views3 answers
Text unselectable css
CSS