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

0 vote146 views0 answer
Bootstrapcss
CSS Bootstrap
5 votes160 views2 answers
Normalize cdn
CSS
0 vote174 views2 answers
Using materialize css with react
CSS
8 votes157 views5 answers
Flex margin between items
CSS
37 votes156 views2 answers
Rgb yellow color
CSS
0 vote146 views1 answer
Text weaving animation in css
CSS
0 vote206 views1 answer
Ssh into docker container ddev
CSS
0 vote169 views1 answer
Background image for div in grid system bootstrap
CSS
0 vote166 views1 answer
Change the bullet point color css
CSS
0 vote150 views1 answer
Glass div generator
CSS