/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

6 votes239 views3 answers
How to snap the scroll is css
CSS
0 vote230 views1 answer
Placer balise p a la suite
CSS
0 vote247 views1 answer
Estilos de button css
CSS
0 vote232 views1 answer
Enqueing another css file in shild
CSS
0 vote236 views2 answers
Easyui datagrid header color
CSS
0 vote250 views1 answer
Comment changer liens quand survolé html
CSS
-1 vote292 views2 answers
Navigation bar css
CSS
0 vote245 views2 answers
Css counters
CSS
0 vote225 views1 answer
Javafx css rectangle outline
CSS
1 vote192 views2 answers
Pure css spinner
CSS