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 vote228 views1 answer
Before width not working
CSS
120 votes246 views3 answers
React import bootstrap css file
CSS
8 votes231 views4 answers
Css fill div with background image
CSS
57 votes236 views2 answers
Hegith specific css in media query
CSS
2 votes227 views2 answers
How to serve css in golang
CSS
2 votes233 views1 answer
How to distribute vertically the items in css
CSS
0 vote246 views1 answer
Scss select all childs
CSS
0 vote232 views1 answer
Font-strech css
CSS
8 votes271 views3 answers
Css max one line three dots
CSS
0 vote249 views1 answer
Css clip path alternative
CSS