/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 vote143 views1 answer
Sidebar-Content layout
CSS
0 vote133 views1 answer
Download styles.css
CSS
0 vote129 views2 answers
Media Query smartphone only
CSS
4 votes132 views3 answers
Trash icon font awesome
CSS
2 votes126 views1 answer
Js confirm yes no before delete
CSS
0 vote137 views5 answers
Style
CSS
0 vote139 views1 answer
Random color scss
CSS
0 vote135 views1 answer
@fontface otf
CSS
0 vote133 views1 answer
Mixin parameters
CSS
-1 vote132 views1 answer
Add css to express app
CSS