Web design visual effects – Add a water ripple effect using WebGL

Add a water ripple effect to your background using WebGL.

By the powers of WebGL, add a layer of water to your HTML elements which will ripple by cursor interaction!

A simple web design ripple effect.

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

It’s as easy as:


View this post on Instagram


A post shared by Technique Web (@techniqueweb) on

Source: github.com/sirxemic/jquery.ripples


The latest from Instagram