Simple Ripple Effect is a simple jQuery and CSS3 code that you can place on a WordPress theme or front-end component to implement a quick ripple effect on various elements.
Must Read: Material Design Click Ripple Effect Using jQuery and CSS3 Components
How to make use of it:
1. Load the jQuery library, JS & CSS for jQuery Simple Ripple Effect into your document.
<link href="simple-ripple-effect.css" rel="stylesheet"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="simple-ripple-effect.js"></script>
2. Add a category “ripple effect” to any element.
<div class="ripple-effect"></div>
See Demo And Download

Official Website(fikrirasyid): Click Here
This superior jQuery/javascript plugin is developed by fikrirasyid. For extra Advanced Usage, please go to the official website.