Raindrops.js

JavaScript

水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装することができるjQueryプラグインです。雨粒が落ちることにより、水面がユラユラと揺れるのがとてもリアルでおもしろいですね。

Raindrops.js

Raindrops.js

デモではいくつかのエフェクトのパターンを見ることができます。小刻みにポタポタ落ちてくるものからユッタリと落ち着いた感じで落ちてくるものまで様々です。

オプションが割と豊富なので、これらの設定を変更することでいろんなパターンに調整することができます。

こんな感じで基本的な使い方はとても簡単です。

jQuery('#sample').raindrops();

color、waveLength、waveHeight、density、rippleSpeedなどなどカスタマイズする上でとても役立つオプションがいろいろ揃っています。

というわけで、水面に雨粒を落とすエフェクトを実装したい方は、ぜひ試してみてはいかがですか?

Image Tilt Effect画像にチルトエフェクトをかけることができる「Image Tilt Effect」前のページ

Bywordでフルスクリーンにするためのショートカットキー次のページ

最近の記事

  1. ダークチョコレート
  2. 朝のコーヒー
  3. ザンビア
  4. かほり梨
  5. 根菜チキン サラダラップ
PAGE TOP