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