rippleonclick
v1.0.2
Published
Provides a beautiful ripple effect on the element where the mouse cursor is clicked.
Downloads
2
Maintainers
varoonraoReadme
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