Get it now on Github
Click on the example to see the code.
To get the plugin to work, you must include jQuery and jQuery UI. Also, the element on which you want to run the effect must have specified width and height.
These are the parameters that you can use with the plugin. You can see how to use them in the examples section.
Wave Length. A numeric value. The higher the number, the smaller the wave length. Default: 340.
Raindrops frequency. Higher number means more frequent raindrops. Default: 3.
Wave height. Higher number means higher waves created by raindrops. Default: 100.
Water density. Higher number means shorter ripples. Default: 0.02.
Speed of the ripple effect. Higher number means faster ripples. Default: 0.1.
Width of the water. Default is 100% of the parent's width.
Height of the water. Default is 50% of the parent's height.
To cover unwanted gaps created by the animation. Default: 20.
Canvas position. Default: 'absolute'.
Canvas position. Default: Bottom = 0.
Canvas position. Default: Left = 0.