JavaScript
Article

5 JS Random Moving Bubbles Effects

By Sam Deering

These 5 JS Random Moving Bubble Effects display cool animated “bubble” effects with few lines of code in JavaScript/jQuery. Check them out!

1. JS Bubble Effect #1

JS Bubble Effect 1

JS-Bubble-Effect-1.jpg
SourceDemo

2. JS Bubble Effect #2

JS Bubble Effect #2

JS-Bubble-Effect2.jpg
SourceDemo

3. jQuery.moving-bubbles

This jQuery plugin is created so you can easily let objects move around your page

jQuery-Moving-Bubbles.jpg
Source

4. bubbles

Images now can go up and down (allowing bubbles, as well as snow)

Bubbles.jpg
Source + Demo

Need to add a 5th here! Leave a comment if you find a good one!

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • vikas

    how to increase width of canvas in jsbubble effect?

  • vikas

    how to increase width of canvas i.e 100% in jsbubble effect?

  • Giorgio

    #4 is exactly what I needed. Thanks for sharing!

  • Chris
Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.