/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

3 votes115 views2 answers
Backdrop filter all properties
CSS
0 vote90 views1 answer
Reduire espace entre ligne css
CSS
1 vote95 views1 answer
How to make my page fixed
CSS
-2 votes102 views2 answers
Axios send request with cookies
CSS
9 votes113 views2 answers
How can set background fit full
CSS
34 votes102 views6 answers
How to align text in css
CSS
0 vote90 views1 answer
Build a responsive real world website from scratch html css
CSS
1 vote109 views1 answer
Image on top of image css
CSS
0 vote101 views2 answers
Html css change reading direction
CSS
4 votes109 views2 answers
Is there an img cover
CSS