/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

-1 vote99 views1 answer
Minifoie css
CSS
1 vote153 views1 answer
How to make border hover effect in css
CSS
29 votes157 views4 answers
How to remove bullet in css
CSS
126 votes156 views7 answers
Css box shadow
CSS
0 vote156 views2 answers
Wordpress style.css not updating
CSS
0 vote178 views1 answer
Css custom cursor form image
CSS
1 vote138 views1 answer
Hard blink
CSS
0 vote175 views3 answers
Hyper text programming language
CSS
0 vote136 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS
1 vote140 views1 answer
Sf pro font html
CSS