/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 vote319 views1 answer
ProgressBars bulma -- thickness
CSS
3 votes286 views1 answer
Css sass install
CSS
62 votes307 views3 answers
Css root variables
CSS
0 vote330 views1 answer
Combine binary numbers
CSS
1 vote303 views2 answers
How to make a div fill the screen
CSS
0 vote303 views1 answer
Column count css
CSS
8 votes304 views1 answer
Remove styles button
CSS
17 votes321 views1 answer
Yarn start not working on windows because scripts disabled
CSS
0 vote255 views1 answer
Set background transparency
CSS
0 vote328 views1 answer
Otp input next field html css
CSS