Rippler - Spreads like a wave in touch or click

Rippler is effect jQuery plugin that spreads like a wave in touch or click. You can also use the buttons on the bootstrap.

Requires a browser that CSS3 is supported.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: git.blivesta.com

1. INCLUDE CSS AND JS FILES

<!-- If you want to use the buttons on the bootstrap -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- rippler CSS -->
<link rel="stylesheet" href="./css/rippler.min.css">
<!-- vendor js -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- rippler js -->
<script src="./dist/js/rippler.min.js"></script>

2. HTML

<button class="btn btn-primary rippler rippler-default" href="#">bootstrap button</button>

3. JAVASCRIPT

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