Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS buttons with animated transitions stutter as they move from under the mouse Re: buttons with animated transitions stutter as they move from under the mouse

#91736
mrtphotog
Participant

That totally did it!
nice and smooth, leaving the link hover area fixed in place.

#menu-leftnav a{
display:block;
width:140px;
margin:0 0 0 0px;
padding:0 0 0 20px;
line-height: 40px;
background: url(images/leftnavbutton.jpg) no-repeat;
background-position:0px 0px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

#menu-leftnav a:hover{
display:block;
line-height: 40px;
background-position:20px 0px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}