/CSS/Css animate border bottom left to right

Css animate border bottom left to right

h1 { color: #666;display:inline-block; margin:0;text-transform:uppercase; }
h1:after {
  display:block;
  content: '';
  border-bottom: solid 3px #019fb6;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
h1:hover:after { transform: scaleX(1); }
h1.fromRight:after{ transform-origin:100% 50%; }
h1.fromLeft:after{  transform-origin:  0% 50%; }

Source: stackoverflow.com

Similar codes

1 vote219 views1 answer
Text decoration none doesn't remove underline
CSS
0 vote244 views1 answer
Add css to class=["col-"]
CSS
0 vote283 views1 answer
Can we block onclick of button using css
CSS
0 vote247 views1 answer
Scss color black white
CSS
-1 vote235 views1 answer
Css font family for all titles
CSS
44 votes294 views5 answers
Breakpoint bootstrap
CSS Bootstrap
64 votes260 views6 answers
Media queries
CSS
2 votes264 views3 answers
Css media screen
CSS
20 votes247 views7 answers
Css vertical align
CSS
-1 vote268 views1 answer
On class hover another class color change
CSS