Flurry

JavaScript

Webページに雪を美しく降らせる冬にピッタリのjQueryプラグイン「Flurry」

FlurryはWebページに雪を美しく降らせてくれるアニメーションを実装することができるjQueryプラグインです。多彩なオプションも用意されているので、カスタマイズ性にも優れています。

雪のユニコード文字を使って実装できる

Flurry

デモでは画面内に雪が降ってくるアニメーションを確認できます。しんしんとゆっくり降り注いでくる雪は、冬にはピッタリのエフェクトですね。

また、画像やCSSファイルに依存することなく雪のユニコード文字を使って実装できるのもうれしいポイントの一つです。

雪が降ってくるときには雪がDOMに追加され、雪が消えていくときに削減されます。雪が多すぎるとパフォーマンスに影響を与える可能性があるので、そのあたりに気をつけたいところです。

オプションには、character、color、height、frequency、speed、small、large、wind、windVariance、rotation、rotationVarianceなど、たくさんの項目が用意されているので、自分好みにカスタマイズしてFlurryを実装したい人にはピッタリです。

使い方もシンプルでわかりやすいことから、気軽に実装できるのではないでしょうか?

また、ブラウザはChrome 54、Firefox 49、IE 11、Edge 38でテスト済みとのこと。

Webページ内に雪を降らせてくれるアニメーションで、冬のイメージをグッと高めたいという人は、ぜひFlurryを活用してみてください。

関連記事

  1. Motion Blur Effect with SVG

    JavaScript

    ブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」

    Webページ内でブラーエフェクトを効果的に取り入れることができる「Mo…

  2. Remodal

    JavaScript

    レスポンシブ対応のお洒落なモーダルウィンドウを実装できるjQueryプラグイン「Remodal」

    RemodalというjQueryプラグインを使えば、レスポンシブに対応…

  3. no-image

    JavaScript

    軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

    partialViewSliderは左右にスライドする軽量・高速でレス…

  4. Accessible Mega Menu
  5. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  6. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

最近の記事

  1. F7U070bt
  2. 生きている玄米と玄米酵素ブレンド雑穀
  3. BOOST↑CHARGE Apple Watch用モバイルバッテリー

アーカイブ

PAGE TOP