title: Animate bubbles upwards continuously with CSS3?
body: <p>See the following image:</p>
  
  <p><a href="http://i.imgur.com/3vTrB.png">http://i.imgur.com/3vTrB.png</a></p>
  
  <p>See those transparent circles in the background? What i want to do is make them animate from the bottom up, and then manually jump down (off screen) and re-start the animation. The circles are simple <code>&lt;span&gt;</code> elements with <code>border-radius</code> to make the circle effect.</p>
  
  <p>Is this possible to do with CSS3, or will i be needing javascript for that? I would also, if possible, like to move the circles randomly sideways within an X range while moving up. I would imagine the randomness would require javascript?</p>
  
  <p>If possible, i would appreciate some suggestions/ideas as for how to make it. If not possible with CSS, Javascript libraries is welcome as well!</p>