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

42 votes376 views5 answers
Css cut off text
CSS
0 vote405 views1 answer
Set border only left and right css
CSS
0 vote354 views1 answer
Background effect css
CSS
0 vote350 views1 answer
Change option tag css
CSS
1 vote363 views1 answer
Scss nesting
CSS
-1 vote404 views1 answer
Option tag center
CSS
0 vote362 views1 answer
Background affter layer css
CSS
3 votes380 views3 answers
Css border left
CSS
0 vote369 views1 answer
Device-pixel-ratio css
CSS
0 vote378 views1 answer
Sticky header not working chrome
CSS