/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

85 votes108 views5 answers
Scroll css
CSS
8 votes112 views6 answers
Overlay css background image
CSS
0 vote136 views1 answer
Foreach and if condition in qweb
CSS
0 vote113 views1 answer
Check concurrent connections for linux user
CSS
0 vote139 views1 answer
Css packer cli
CSS
1 vote117 views1 answer
Css make background visible in text
CSS
2 votes110 views1 answer
Uninstall pm2
CSS
0 vote162 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
0 vote114 views1 answer
Override Inline Styles with CSS
CSS
0 vote114 views1 answer
All ipad Resolutio css
CSS