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!

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 Aug 13, 2019 at 12:10am PDT

Source: github.com/sirxemic/jquery.ripples