jQuery Ripples

A simple WebGL-based ripple effect.

Background images are often boring. Use this effect to make your static CSS background images more interactive!

It's as easy as:


$('body').ripples({
	resolution: 750,
	dropRadius: 40,
	perturbance: 0.1,
});
	

You can add drops programmatically by doing $('body').ripples("drop", x, y, radius, strength)

And you can change its state:

Download or fork this effect at Github.