Step 1: Link required files
{% highlight html %} {% endhighlight %}Step 2: HTML markup
{% highlight html %} {% endhighlight %}Step 3: Call the rippler
{% highlight js %} $(document).ready(function() { $(".rippler").rippler({ effectClass : 'rippler-effect' ,effectSize : 16 // Default size (width & height) ,addElement : 'div' // e.g. 'svg'(feature) ,duration : 400 }); }); {% endhighlight %}