/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 vote197 views1 answer
Css circle with number
CSS
0 vote207 views1 answer
Bootstrap accordion some change
CSS
17 votes423 views2 answers
Linking css
CSS
0 vote189 views1 answer
Chenge number of lines of text in css
CSS
165 votes249 views6 answers
Box shadow inset
CSS
11 votes218 views6 answers
Warning: LF will be replaced by CRLF in
CSS
8 votes231 views3 answers
Css change font awesome icon color
CSS
1 vote205 views1 answer
Nth of type for every 4th after the 1st
CSS
1 vote193 views1 answer
Blur edges css
CSS
0 vote217 views1 answer
Object-position
CSS