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: 512,
	dropRadius: 20,
	perturbance: 0.04,
});
	

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.