【rippleria】クリック・タップで波紋エフェクトが作れるjQuery

こんにちは、ハル@haru_elpisです。

クリック・タップをする事で波紋を作れるようになる「rippleria」の紹介です。

rippleria jquery

ダウンロード

http://nsept.github.io/rippleria/

ダウンロードした「jquery.rippleria.css」・「jquery.rippleria.min.js」ファイルをjsフォルダなど任意の場所へ移動しておきましょう。

head

<link rel="stylesheet" href="css/jquery.rippleria.css">
<script src="js/jquery.rippleria.min.js"></script>

HTML

<div class="block tac">
	<button data-rippleria class="btn btn-primary">Click me!</button>
</div>

JavaScript

<script>
	$('#rippleria').rippleria({
              duration: 750,
              easing: 'ease-in'
        });

</script>

[affi id=23]