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
Post a Comment