Water Wave Effect jQueryは、波の動きのような滑らかなアニメーションを実装することができるjQueryプラグインです。ゆったりとウェーブするその姿は、見ているだけでどこか心が穏やかになりそうな気がしますね。
Water Wave Effect 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の詳しい実装方法やダウンロードなどは、以下のページからどうぞ。
