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 vote143 views1 answer
Bootstrap accessibility
CSS Bootstrap
0 vote138 views1 answer
How to center an overlay button using flex box
CSS
1 vote133 views1 answer
Box shador of one border css
CSS
1 vote169 views2 answers
How rotate infinity css
CSS
0 vote149 views1 answer
Position images in center of container
CSS
2 votes137 views1 answer
Cool hover effects css
CSS
-1 vote129 views1 answer
Grabber shortcuts
CSS
0 vote160 views1 answer
Hover on father elemet activates a child element css
CSS
0 vote132 views5 answers
Rosa
CSS
12 votes160 views3 answers
Line through in css
CSS