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

2 votes233 views3 answers
Em
CSS
2 votes225 views2 answers
Remove border iframe
CSS
1 vote230 views3 answers
Tailwind npm
CSS
0 vote208 views1 answer
Twig currency name
CSS
0 vote212 views1 answer
Place image on top right inside flex css
CSS
0 vote231 views1 answer
Css border image repeat property
CSS
0 vote242 views4 answers
Scale down image css
CSS
3 votes207 views2 answers
Css crop image to circle
CSS
0 vote219 views1 answer
PacSelectFirst( submit button
CSS
1 vote197 views1 answer
Button background color remove
CSS