This jQuery simulates water ripples on the surface of any image you apply the effect to. Includes 3 settings for:
- arbitrary – time in miliseconds to generate a new random water ripple. By default it generates a new ripple every second.
- onclick – generate a new ripple on the mouse click.
- onmove – generate a series of ripples when moving the mouse over the animation.
See the video demo:
You can use the code in this tutorial to add a image in any theme or swap out the class the effect applies to, to a existing image class.
Here’s the code and installation instructions for members:
Was This Tutorial Helpful?