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

15 votes327 views2 answers
Css center elment screen
CSS
0 vote331 views1 answer
Center postion absdolute
CSS
1 vote341 views1 answer
Add css variables without global
CSS
0 vote340 views1 answer
Select third element of an id css
CSS
9 votes330 views6 answers
Round button css
CSS
2 votes328 views1 answer
Css click effect
CSS
0 vote329 views1 answer
Bootstarp 5
CSS
0 vote413 views2 answers
Bootstrap 5 container
CSS Bootstrap
0 vote329 views1 answer
Html disable spin buttons on input type number
CSS
0 vote324 views1 answer
Boxsizing
CSS