/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 vote277 views2 answers
Fr meaning in css
CSS
0 vote288 views1 answer
Roam research
CSS
1 vote291 views1 answer
Refresh css on page
CSS
0 vote286 views2 answers
Make img black and white css
CSS
0 vote271 views1 answer
Select tag text align center
CSS
1 vote299 views1 answer
How to make font awesome responsive bootstrap
CSS
-1 vote257 views1 answer
Responsiveness in bootstrap
CSS
0 vote290 views1 answer
Puntos suspensivos css
CSS
0 vote304 views1 answer
Spree_digital
CSS
0 vote309 views1 answer
React right burger scrol bar
CSS