css hover underline transition left to right

Solutions on MaxInterview for css hover underline transition left to right by the best coders in the world

Search
showing results for - "css hover underline transition left to right"
Aarón
10 Sep 2016
1.link:after{
2  content: '';
3  position: absolute;
4  width: 0; height: 3px;
5  display: block;
6  margin-top: 5px;
7  right: 0;
8  background: #fff;
9  transition: width .2s ease;
10  -webkit-transition: width .2s ease;
11}
12 
13.link:hover:after{
14  width: 100%;
15  left: 0;
16  background: #fff;
17}
similar questions
css 2b underline 2b animationremove underline on hover spanunderline css animationunderline on hover css animation from centretext underline hover csscss animate border bottom on hovertext decoration css transitionremove underline hover csscss transition cross browserunderline css animation hoverhow to use the transition left in csscss animate border bottom left to righttext that shows an underline on hoverimage hover transition in outcss animation left to rightcss menu list with underline hover animationhow to animate css border bottom on hovertransition on hovercss animation linearfade other items on hovercss transition on hovertransition css hover
queries leading to this page
transition underline on hovercss underline transition left to righttransition underline hoveranimation underline hover left to rightcss underline animation left to rightcss hover underline transitioncss hover underline transition left to rightcss hover underline transition left to right