/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 vote441 views2 answers
Block elements css
CSS
0 vote334 views1 answer
Text zentrieren
CSS
2 votes337 views1 answer
How to add a black border around text css
CSS
145 votes462 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote342 views1 answer
FusedLocationClient.removeLocationUpdates
CSS
1 vote333 views1 answer
Add alpha value to css color variable
CSS
0 vote363 views1 answer
Next day 2pm delivery countdown timer script
CSS
12 votes343 views6 answers
Wordpress enqueue script
CSS
0 vote334 views1 answer
Whitesmoke color gradient
CSS
5 votes344 views2 answers
Word spacing css
CSS