Ripple Water Effect.

Tags

CSS Layout
Water Ripple Effect

Using jquery.ripples.js Jquery makes on water effect in the image. when click on the image or cursor hover on the image water effect showing on the image. this functionality work builds with the jquery plugin. you can use this effect on the Website's Main Hero Image or any Banner Image.

  • all the design & layout created in 1920 x 1080 screen size.
  • all the design & layout is responsive in desktop,tablet & mobile view.
  • all the content, fonts & image are free resources.
HTML
CSS
jQuery
Output

Share on