1.0.2 • Published 3 years ago

rippleonclick v1.0.2

Weekly downloads
-
License
ISC
Repository
github
Last release
3 years ago

Ripple effect on click of the element.

Light weight Javascript based library to enhance the user experience.

Get the material design ripple effect on button click or the elements which supports them.

Installation

npm i rippleonclick --save

Usage

Include the minified Javascript file before closing the <body> tag

<html lang="en">
<head>
  ...Your code...
</head>
<body>
    <div class="ripple">....</div>
    ...any code 
    ...any code
    
    <script src="ripple.min.js"></script>
</body>
</html>

Use the classname ripple to get the beautiful ripple effect at the clicked position.

To change the color and delay of the ripple add an extra class to the element, then do the modifications.

demo on codepen: https://codepen.io/varoonrao/pen/jOmwzdK