Create Material Ripple Click Effects In Pure JavaScript – ripink

Preview:

Description:

Yet another pure JS solution that applies a Material Design inspired ripple effect to your action button when clicked.

How to use it:

Load the JavaScript file ripink.js right before the closing body tag.

<script src="ripink.js"></script>

Apply the ripple effect with custom color to an action button.

<button>Hello World!</button>

ripink.apply("button", "hsl(100 , 40%, 80%)");