Water Wave Effect jQuery

Required Libraries:

jQuery http://code.jquery.com/jquery-1.10.1.js

Browser Compatibility

• Firefox - not tested help test :)
• Chrome - not tested help test :)
• Explorer: not tested help test :)
• Ipad Safari: not tested help test :)
• Iphone Safari: not tested help test :)
• IOS Safari: not tested help test :)
• Android Chrome: not tested help test :)
• IOS Chrome: not tested help test :)

Demo

Example

<script>
$(function(){
var box = $(".waterwave-canvas").waterwave({
    direction: 'down',
    background: '<your image url>'
});
});
</script>
<canvas class="waterwave-canvas" />

Options

Name	Type	Default	Description			Parameter Values
direction	String	up	Vertical direction of a wave			['up','down']
parent	String	''	Sets the parent of the canvas and uses its width and height as basis of the canvas wave
color	Hexadecimal	#000	Sets the color of the canvas water wave
background	String	''	Sets the background image of the water wave if this is set background color is not used.