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

3 votes154 views1 answer
Remove default style from links css
CSS
29 votes176 views4 answers
How to remove underline of link in css
CSS
0 vote176 views1 answer
Matrix css
CSS
0 vote172 views1 answer
Css perfekt min width mobile
CSS
1 vote168 views1 answer
When is raksha bandhan in india 2020
CSS
4 votes165 views1 answer
Grid repeating auto columns
CSS
0 vote163 views1 answer
Add quotes in quote css
CSS
37 votes157 views4 answers
Select even child css
CSS
0 vote163 views1 answer
How to make textbox shorter in html
CSS
0 vote173 views1 answer
Flexbox 3 columns
CSS