/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 vote232 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
0 vote204 views1 answer
Limit number of text lines
CSS
71 votes230 views6 answers
Media queries w3schools
CSS
0 vote262 views1 answer
Python css
CSS
0 vote196 views1 answer
Text-indent
CSS
0 vote210 views1 answer
Youtube-dl forbidden
CSS
1 vote224 views4 answers
Button style css
CSS
66 votes191 views6 answers
Text background color css
CSS
0 vote189 views1 answer
CSS adding background image from file
CSS
3 votes196 views1 answer
Trash icon in fontawesome
CSS