【jQuery】ボタンをクリックすると波紋のように広がるアニメーションWaves

Wavesはボタンをクリックすると波紋のように広がるアニメーションを実装するjQueryプラグイン。

CSS&JS

<link rel="stylesheet" type="text/css" href="waves/waves.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="waves/waves.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
Waves.attach('.button', ['waves-button', 'waves-float']);
Waves.init();
})
</script>

HTML

<a href="#" class="button">Click Here</a>
 
waves

【jQuery】ボタンをクリックすると波紋のように広がるアニメーションWaves

  • LATEST
  • RELATED
  • POPULAR