/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 vote266 views1 answer
Matrix css
CSS
1 vote200 views1 answer
Ion-slider pagination color
CSS
0 vote273 views2 answers
List view render queryset
CSS
99 votes258 views2 answers
Css absolute in absolute
CSS
0 vote270 views2 answers
Roles
CSS
0 vote227 views1 answer
Sumar clases css
CSS
1 vote258 views2 answers
Css scrollbar in div
CSS
-1 vote262 views1 answer
Jest to handle css
CSS
13 votes262 views2 answers
How to add background in css
CSS
-4 votes266 views2 answers
Full width page css
CSS