波の動きのようなアニメーションを実装できる「Water Wave Effect jQuery」

Water Wave Effect jQuery

Water Wave Effect jQueryは、波の動きのような滑らかなアニメーションを実装することができるjQueryプラグインです。ゆったりとウェーブするその姿は、見ているだけでどこか心が穏やかになりそうな気がしますね。

Water Wave Effect jQuery

デモ

デモページでは、白の背景に黒の波が動いているサンプルを見ることができます。左から右へ流れていくその様子は、もう本当の波のようですね。動きもすごく滑らかです。

マークアップでは「canvas」要素を用いています。また、Water Wave Effect jQueryにはオプションもいくつか用意されています。

主なオプション項目は、direction、parent、color、backgroundです。directionの値には「up」と「down」が用意されていて、デフォルト値は「up」になっています。

また、colorのデフォルト値は「#000」とのこと。

使い方もシンプルでわかりやすく、サクッと実装できると思います。ちょっとしたカスタマイズもオプションから手軽にできるのがいいですね。

というわけで、波のような滑らかなアニメーションを実装したいという人は、ぜひ「Water Wave Effect jQuery」をチェックしてみてください。

Water Wave Effect jQuery

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives