• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Simulate Water Ripples On The Surface of A Image

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:

Register for full access

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems