基于WebGL的炫酷元素背景水波涟漪jQuery特效 Add water ripples to your background using WebGL.

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: