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

69 votes321 views4 answers
White rgb
CSS
2 votes321 views1 answer
Css text black outline
CSS
0 vote365 views1 answer
How to take only part of an image css
CSS
0 vote328 views2 answers
Tailwind css disabled button
CSS
0 vote365 views1 answer
How to set the scroll in bootstrap4 table body
CSS
14 votes310 views2 answers
How to render css in flask link
CSS
0 vote370 views1 answer
Child width big
CSS
-1 vote343 views1 answer
Line break inside content css
CSS
8 votes339 views1 answer
Reset submit btn style
CSS
0 vote404 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap