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 vote261 views1 answer
Padding 4 values
CSS
0 vote275 views1 answer
Inine css
CSS
0 vote296 views1 answer
Woocommerce product_cat apply to custom post type
CSS
0 vote288 views1 answer
Css not last of type
CSS
7 votes283 views3 answers
Css wrap text to next line
CSS
0 vote249 views1 answer
Css disable transition on first load
CSS
0 vote287 views1 answer
Center child container
CSS
5 votes296 views2 answers
Css for disabled button
CSS
8 votes295 views2 answers
Css image size adjust
CSS
1 vote295 views1 answer
Display none but keep space
CSS