This time I will share jQuery Plugin and tutorial about jQuery Plugin For CSS3 Based Ripple Click Effect – yarp.js, hope it will help you in programming stack.
Yet another jQuery plugin that implements the Material Design inspired ripple animation on any clickable elements using CSS3 transforms and transitions.
How to use it:
1. Load the minified version of the jQuery yarp.js after jQuery library (slim build).
1 |
< script src = "//code.jquery.com/jquery-3.1.1.slim.min.js" ></ script > |
2 |
< script src = "yarp.min.js" ></ script > |
2. Initialize the plugin on the target element and done.
3. Create your own color array for the ripple effect.
4. Set the duration of the ripple effect.
This awesome jQuery plugin is developed by Ardethian. For more Advanced Usages, please check the demo page or visit the official website.