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 vote331 views2 answers
Css all ids starting with
CSS
6 votes293 views5 answers
Bootstrap icons
CSS
0 vote263 views1 answer
Style image so it crops
CSS
0 vote278 views1 answer
Use flex in container with multiple components
CSS
0 vote267 views2 answers
Nth-child(2n+1)
CSS
0 vote271 views2 answers
Center a fixed div horizontally
CSS
39 votes273 views4 answers
Font awesome size
CSS
0 vote270 views2 answers
How to link css to html in visual studio code
CSS
0 vote259 views2 answers
Wp query using the_post
CSS
0 vote291 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS