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

62 votes321 views3 answers
Css root variables
CSS
1 vote364 views2 answers
Inner border css
CSS
0 vote338 views3 answers
How to create collapsable using pure Javascript
CSS
1 vote345 views1 answer
How to put something on layers css
CSS
38 votes345 views4 answers
Css pointer event
CSS
85 votes329 views5 answers
Scroll css
CSS
1 vote317 views1 answer
Wave css
CSS
24 votes329 views4 answers
Use woff2 font in css
CSS
2 votes329 views1 answer
Css percent minus pixel
CSS
0 vote347 views1 answer
Tar xz
CSS