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 vote370 views1 answer
Z-index: 1000000;
CSS
0 vote389 views1 answer
Mat radio button color
CSS
0 vote371 views1 answer
Css os dependent font family
CSS
0 vote346 views1 answer
CSS logo left and navigation right
CSS
0 vote358 views2 answers
How to centre a div
CSS
5 votes407 views6 answers
Pagination
CSS
8 votes381 views2 answers
Clearfix css
CSS
2 votes348 views1 answer
Minimum margin css
CSS
5 votes354 views3 answers
Sticky footer
CSS
1 vote399 views1 answer
Jquery css multiple line
CSS