Tiny jQuery Plugin To Create Water Ripple Effect - Ripple

Tiny jQuery Plugin To Create Water Ripple Effect - Ripple
File Size: 6.44 KB
Views Total: 6949
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Ripple is a very small jQuery plugin which adds a realistic canvas based water ripple effect to your image with cursor interaction.

See also:

How to use it:

1. Load the latest version of jQuery library and the jQuery ripple.js script in the webpage.

<script src="jquery-3.0.0.slim.min.js"></script>
<script src="jquery.ripple.js" ></script>

2. Insert an image into the webpage.

<img id="target" src="1.jpg">

3. Active the realistic ripple effect on the image.

$("#target").ripple();

This awesome jQuery plugin is developed by jtiscione. For more Advanced Usages, please check the demo page or visit the official website.