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 %}