/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

0 vote293 views1 answer
Css clip
CSS
7 votes295 views3 answers
Embed google font css
CSS
0 vote277 views2 answers
Background blend mode
CSS
1 vote270 views1 answer
Javafx right-align in vbox
CSS
-2 votes304 views2 answers
Outline-radius css
CSS
0 vote281 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
29 votes344 views6 answers
BackgroundImage react
CSS
1 vote268 views1 answer
What css font smoothing
CSS
0 vote271 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
0 vote280 views1 answer
Set margin to none inside print
CSS