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 vote180 views1 answer
Css caret-color property
CSS
1 vote158 views1 answer
Scroll-behavior not working
CSS
49 votes202 views4 answers
Scrollbar
CSS
120 votes177 views6 answers
Font-weight css
CSS
-1 vote170 views1 answer
Css tricks position
CSS
33 votes177 views6 answers
Git reset head
CSS
0 vote193 views1 answer
Nokogiri xml diff
CSS
0 vote182 views1 answer
Css animate svg circle radius
CSS
0 vote191 views2 answers
Pesudo content css break word
CSS
19 votes242 views3 answers
Css border radius top
CSS