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.
npm i rippleonclick --save
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