/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 vote189 views1 answer
Efectos imagenes css
CSS
0 vote213 views1 answer
Css not last of type
CSS
0 vote264 views1 answer
Difference between private key and private key ssh
CSS
5 votes172 views1 answer
Transform multiple css
CSS
1 vote207 views4 answers
Button style css
CSS
3 votes176 views2 answers
Make image not draggable css
CSS
1 vote188 views1 answer
To make the content of the select2 RTL or LTR
CSS
-1 vote162 views2 answers
Bootstrap 4 popover content from div
CSS
19 votes225 views6 answers
Box shadow
CSS
1 vote164 views2 answers
Fixed within the div css
CSS