Tiny jQuery Plugin To Create Water Ripple Effect - Ripple

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

See also:

• jQuery Plugin For Water Ripple Animation - ripples

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.