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

2 votes64 views1 answer
How to disable div onclick in javascript
CSS
0 vote120 views1 answer
Install wrangler
CSS
5 votes210 views2 answers
Materialize css cdn
CSS Materialize
6 votes117 views2 answers
Remove outline of input css
CSS
0 vote114 views1 answer
Matrix multiplication markdown
CSS
0 vote125 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
-1 vote118 views2 answers
How to use before pseudo class in css
CSS
6 votes115 views4 answers
Backdrop filter css
CSS
38 votes115 views4 answers
Css pointer event
CSS
38 votes115 views6 answers
Gradient text color css
CSS