Create Material Ripple Click Effects In Pure JavaScript – ripink

Category: Animation , Javascript | November 15, 2016
Author:zoxuyu
Views Total:893 views
Official Page:Go to website
Last Update:November 15, 2016
License:MIT

Preview:

Create Material Ripple Click Effects In Pure JavaScript – ripink

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%)");

You Might Be Interested In:


Leave a Reply