jQueryで水紋と水の揺らめきを表現しよう


jQueryで作る、水紋と水の揺らめきを紹介します。
クリックで水紋が、マウスオーバーで水が揺らめきます。
今回使用したのは、jquery.ripples.jsです。

jQueryも導入してください。

以下がコードサンプルになります。

▼jQuery

▼CSS

▼HTML

今回、参考にさせていただいたのは、
Jqueryripples『LIG』さんです。
ありがとうございます。

デモページは、こちら