/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 vote229 views1 answer
Spaziatura caratteri css
CSS
8 votes224 views2 answers
Text that shows an underline on hover
CSS
0 vote216 views1 answer
Dropright css
CSS
68 votes276 views6 answers
Center position absolute
CSS
0 vote226 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
9 votes244 views2 answers
Convert to css to css3
CSS
7 votes224 views1 answer
Css remove blue outline button
CSS
4 votes244 views2 answers
Add background overlay over background image
CSS
3 votes218 views1 answer
Import font sass
CSS
10 votes199 views6 answers
Css hover change another element
CSS