/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 vote139 views1 answer
Content visability auto
CSS
29 votes131 views9 answers
Traduttore
CSS
0 vote131 views1 answer
Restore mySQL database from .bz2
CSS
4 votes145 views1 answer
Clealyrun
CSS
17 votes138 views2 answers
Css horizontal linear gradient
CSS
0 vote142 views1 answer
Css get screen height
CSS
0 vote153 views1 answer
Rendre une div scrollable
CSS
0 vote93 views1 answer
Matsnackbar background color
CSS
0 vote143 views1 answer
Smooth button effect css
CSS
5 votes179 views6 answers
Tailwind CDN
CSS