Ripple Effect

Creates a ripple animation on applied HTML elements on click.

License

This project is licensed under the terms of the MIT license. A copy of the lisence will be found in the root directory of the project as "LICENSE".

How to

1. Include the script

Hosted

Include the following line towards the end of the body tag.

<script src="https://jagannathbhat.github.io/rippleEffect/rippleEffect.min.js"></script>

Download

Download the javascript file here. Then include the following line towards the end of the body tag.

<script src="rippleEffect.min.js"></script>

2. Add the class and attribute

Add the class jbRippleEffect to the HTML elements you want to apply the ripple effect to.

Example:

<div class="jbRippleEffect">Click me</div>

Demo

Click Here

Code for the demo can be found in the demo directory in the docs directory.

Support

E-mail: jagannathbhatjb@gmail.com

Facebook: facebook.com/jagannathbhatjb

LinkedIn: linkedin.com/in/jagannathbhatjb