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 vote199 views1 answer
All pseudo elements css
CSS
0 vote236 views1 answer
How to put an element in front
CSS
0 vote248 views1 answer
Punderline none
CSS
51 votes245 views6 answers
Css nth-child
CSS
0 vote244 views1 answer
How can i reset the paswd of my subrion admin panel
CSS
0 vote251 views1 answer
How to take only part of an image css
CSS
0 vote275 views1 answer
How do I link a CSS file to a folder?
CSS
1 vote260 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
-1 vote229 views1 answer
Css disable scroll mobile
CSS
3 votes252 views1 answer
How to set text to middle in div
CSS