jquery - Bouncing divs in their own place? -
i'm trying create simple bouncing effect divs. bouncing effect works in way don't why divs go under each-other when bounce not want. need divs bounce in own place.
this fiddle
and code:
$(document).ready(function() { $(".balls").effect('bounce', { times: 3 }, 'slow'); });
the bouncing effect kicks in on page load. appreciated.
the issue because library adding containing div
element around each .balls
element default display: block
, hence each element pushed it's own line. when animation ends element removed , return sitting on same line. fix need add rule css:
.ui-effects-wrapper { display: inline-block; }
Comments
Post a Comment