simple-ripple

A simple ripple effect, material design like jQuery plugin to beautify your UI component.

how to use it?

<link rel="stylesheet" href="simple-ripple.css" />
<script src="your path/jquery.js"></script>
<script src="simple-ripple.js"></script>

            $('.ripple-effect').ripple({
                    speed: 200, // the wave's speed 水纹速度
                    color: '#fff' // the wave's color 水纹颜色
                }
            });

check the demo.html example.

or

live Demo

License:

MIT

Todo:

Add mousedown status & effect.
Add touch / tap status & effect.

v1.0.0 (2017-09-21)