/CSS/Add expanding underline on page load css

Add expanding underline on page load css

#sec {
  display: inline-block;
  position: relative;
  padding-bottom: 3px;
}
#sec:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
#sec:hover:after {
  width: 100%;
  background: blue;
}

Source: stackoverflow.com

Similar codes

0 vote210 views1 answer
Youtube css
CSS
0 vote178 views1 answer
In 10 seconds fade in a card html css
CSS
3 votes117 views1 answer
Terraform rds module
CSS
0 vote157 views1 answer
Border-radius cross browser
CSS
0 vote159 views1 answer
Css pixel art
CSS
4 votes146 views1 answer
Height 100% of the screen
CSS
6 votes188 views1 answer
How to add truncate code
CSS
17 votes184 views3 answers
Rotate image in css
CSS
0 vote152 views1 answer
Css video poster object-fit
CSS
0 vote185 views1 answer
Css background text clip
CSS