Css animate border bottom on hover

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 vote271 views1 answer
Tail block css
CSS
1 vote276 views1 answer
Ionic input line color
CSS
0 vote230 views1 answer
How to make header on top
CSS
0 vote278 views1 answer
Mdn css marker
CSS
0 vote287 views1 answer
React exact path highlight
CSS
1 vote299 views1 answer
How to change what twine looks like
CSS
0 vote281 views1 answer
How to link to class in CSS
CSS
0 vote258 views1 answer
Html css tilt text
CSS
0 vote279 views1 answer
Why is there whitespace on the top
CSS
0 vote290 views1 answer
Hide navbar css
CSS