🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Rippler is a  effect that spreads like a wave in touch or click with javascript and css3.

Animation Core Java Script CSS

Documentation

Bower version Built with Grunt

Rippler

Effect that spreads like a wave in touch or click.
You can also use the buttons on the bootstrap.

demo image

Example & Installation

http://blivesta.github.io/rippler

Sidenote

Due to click errors on firefox and safari is rippler using 0 for default effectSize!

$(document).ready(function() {   $(".rippler").rippler({     effectClass      :  'rippler-effect'     ,effectSize      :  0      // Default size (width & height)     ,addElement      :  'div'   // e.g. 'svg'(feature)     ,duration        :  400   }); }); 

License

MIT license.


You May Also Like