Create Material Ripple Click Effects In Pure JavaScript – ripink

Category: Animation , Javascript | November 15, 2016
Author: zoxuyu
Views Total: 882 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