Creating a water ripple animation following the mouse cursor on a HTML element

Enercos - Single Product eCommerce Shopify Theme

You want to make an good first impression on your Shopify store. Try creating a water ripple animation effect following the mouse cursor on an HTML element.

DEMO

ripples is a fancy jQuery plugin that helps you to do that.

ripples is a fancy jQuery plugin that creates a water ripple animation following the mouse cursor on a HTML element based on WebGL. Currently works with modern browsers that support at least one of the following: WebGL, OES_texture_float extension, OES_texture_float_linear extension.

How to use it:

Step 1:

Load jQuery ripples plugin at the end of the HTML document.

Step 2:

Create a HTML element with a background image that you want to apply the effect to.

Step 3:

Call the plugin with options

API methods

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *