Banbury's highest rated web designer on Google

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


This error message is only visible to WordPress admins

Error: API requests are being delayed for this account. New posts will not be retrieved.

Log in as an administrator and view the Instagram Feed settings page for more details.

Web Design & SEO Banbury