ClickSpark.js

JavaScript

美しいパーティクルエフェクトを実装できる「ClickSpark.js」

ClickSpark.jsは画像を用いたたくさんの粒子が放出されるような美しいパーティクルエフェクトを実装することができます。スピードや粒子のサイズなどオプションを活用することでカスタマイズすることも可能です。

ClickSpark.js

デモ

ボタンをクリックすると設定されたたくさんの粒子が一気に放たれます。クリックされたボタンから放出されるものや、あらかじめ指定した場所から放出されるものもあります。

オプションでは画像パス、パーティクルカウント、スピード、サイズ、ローテーションスピードといった項目を設定することができます。

クリック時にスパークさせてユーザーの目を引かせたい時なんかに活用してみたいですね。ちょっとしたアクセントにもなるので、使い方次第ではサイト内に楽しさ感をプラスすることができそうです。

ポップでカジュアルに楽しい雰囲気を演出したい時なんかに役立つかと思います。

ClickSpark.js

Chromeで翻訳する方法Chromeで外国語のWebサイトのページを翻訳する方法前のページ

フォームのスタイルをカスタマイズできる「jQuery cForm」次のページjQuery cForm

関連記事

  1. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  2. Accessible Mega Menu
  3. Bootstrap Mobile FullScreen Modal
  4. no-image

    JavaScript

    高性能なイメージビューアを実装できる「PhotoViewer」

    PhotoViewerは高性能なイメージビューアを実装できるJSプラグ…

  5. Typewriter JS

    JavaScript

    タイプライターっぽいエフェクトでテキストを表現できる「Typewriter JS」

    Typewriter JSは、タイプライターを使って文字入力するような…

  6. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

最近の記事

  1. COMOLI ベタシャンCPOシャツ(サックス)
  2. ハワイアナス ビーチサンダル
  3. 蓮の花
  4. チキンアラビアータ 石窯フィローネ
  5. ユニクロ ポロシャツ

アーカイブ

PAGE TOP