/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 vote248 views1 answer
Input type date remove calendar icon
CSS
2 votes272 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote267 views1 answer
Css 4 modal
CSS
0 vote293 views1 answer
Alacritty auto start fish
CSS
8 votes238 views6 answers
Overlay css background image
CSS
0 vote228 views1 answer
Tf.reduce_mean(y_true,y_predicted)
CSS
2 votes263 views1 answer
Css set property with data attribute
CSS
1 vote216 views1 answer
Why are suacer pans made of bakelite
CSS
8 votes276 views4 answers
CSS Grid Column
CSS
0 vote259 views1 answer
If i forked and cloned a github repo can i change the name
CSS