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

-1 vote195 views1 answer
Move up on hover css
CSS
1 vote185 views1 answer
Css div on the bottom
CSS
1 vote183 views1 answer
Image grascale css
CSS
36 votes182 views2 answers
Css translate x and y
CSS
0 vote228 views1 answer
Change color to white svg with filter
CSS
58 votes226 views6 answers
How to center a div vertically and horizontally
CSS
1 vote189 views2 answers
Inter
CSS
2 votes218 views1 answer
Tailwind icon animation
CSS
0 vote202 views1 answer
Stop padding from changing div size
CSS
0 vote186 views1 answer
Hide featured image in wordpress
CSS