Ripple

Ripple effect using vanilla javascript.

This package provides you a simple ripple effect, you can either use it on buttons or any other element.

Usage :

First include the script, Then you can just simply use the class .ripple on any element, and you're good to go.
You can Download The package from here.

Properties :

You can use rpl-color for Ripple color, It accepts any color type just like any css color property, And rpl-opacity for the opacity.

Note: Opacity is between [ 0.0 - 1 ]

Example:

<a class="ripple" rpl-color="black" rpl-opacity="0.3" href="#">
  <i class="arrow-up"></i>
  Next
</a>

<!--Example on button-->
<button class="ripple" rpl-color="rgb(0,0,0)" rpl-opacity="0.4">
  This is a button
</button>