jQuery和CSS3炫酷图片和按钮点击波特效 Effect that spreads like a wave in touch or click

jQuery之家 返回下载页

Examples
Click Or Touch

You can also use the buttons on the bootstrap.

<a class="btn btn-default rippler rippler-inverse" href="#">rippler-inverse</a>
<button class="btn btn-primary rippler rippler-default">rippler-default</button>
<a class="btn btn-success rippler rippler-inverse" href="#">rippler-inverse</a>
<a class="btn btn-info rippler rippler-default" href="#">rippler-default</a>
<a class="btn btn-warning btn-lg rippler rippler-inverse" href="#">rippler-inverse</a>
<a class="btn btn-danger btn-lg rippler rippler-default" href="#">rippler-default</a>

Link buttons with state colors

<a class="btn btn-link rippler rippler-bs-primary" href="#">...</a>
<a class="btn btn-link rippler rippler-bs-success" href="#">...</a>
<a class="btn btn-link rippler rippler-bs-info" href="#">...</a>
<a class="btn btn-link btn-lg rippler rippler-bs-warning" href="#">...</a>
<a class="btn btn-link btn-lg rippler rippler-bs-danger" href="#">...</a>

Square Image

<span class="rippler rippler-img rippler-bs-primary">
  <img src="image.jpg">
</span>

Circle image

<span class="rippler rippler-img rippler-circle-mask rippler-bs-success">
  <img src="image.jpg">
</span>

Circle

<div class="rippler rippler-circle-mask rippler-bs-primary"></div>

Square

<div class="rippler rippler-default"></div>