javascript - Non-smooth div animation in Firefox -


referring this fiddle. animation quite smooth on chrome , ie (v9), choppy on firefox. whole idea animate border without moving div (referring this question). question is, possible way achieve same animation in smoother fashion (like in chrome/ie) in firefox?

this case if animate 1 side of div, it's not because trying animate every side @ once. if @ this fiddle in firefox, seems margins being animated not smooth, seems problem.

any workout appreciated.

i think main issue you've specified many properties , animation function may think has 8 different things animate @ once rather 2 properties can expressed as. example, can specify way, combining 8 parameters 2. i'm not sure negative margins:

$("#thumbdiv").bind({             mouseenter: function(){                 $(this).animate({                     'border-width': "35px",                     'margin': "10px"},                     200, 'linear');             },             mouseleave: function(){                 $(this).animate({                     'border-width': "20px",                      'margin': "0px"},                     200, 'linear');             }         }); 

Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -