/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 vote297 views1 answer
Storing and receiving FB
CSS
0 vote337 views1 answer
Taille texte css
CSS
0 vote293 views1 answer
Removing space between words css
CSS
1 vote289 views1 answer
Get second child div css
CSS
0 vote288 views1 answer
Css div background image loading
CSS
1 vote278 views1 answer
Add black above image css
CSS
0 vote305 views1 answer
Css transform duration
CSS
6 votes299 views2 answers
Selecting last child css
CSS
3 votes255 views1 answer
Css vendor prefix
CSS
0 vote285 views1 answer
Css svg width 100%
CSS