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 vote320 views1 answer
This message is shown once a day. To disable it please create
CSS
0 vote215 views1 answer
Css regions
CSS
0 vote181 views1 answer
Css calc function
CSS
420 votes505 views6 answers
Delete array element
CSS
3 votes138 views1 answer
Css margin bottom not working
CSS
0 vote142 views1 answer
Speeh recognition github
CSS
12 votes197 views3 answers
Sticky header css
CSS
0 vote178 views2 answers
How to reduce the size of png image in css
CSS
27 votes189 views3 answers
Keyframe in css
CSS
1 vote189 views1 answer
Url css
CSS