ClickSpark.js

JavaScript

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

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

ClickSpark.js

デモ

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

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

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

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

ClickSpark.js

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

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

関連記事

  1. Multi-device scrolling menu
  2. JavaScript

    テーブルを綺麗なデザインにしてくれたり並び替え(ソート)もできるjQuery「tablesorter…

    jQueryのプラグインで、テーブルをフレキシブルなデザインにしてくれ…

  3. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  4. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  5. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

  6. no-image

    JavaScript

    シンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」

    jQuery-Colorwheelはシンプルな円形によるカラーピッカー…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP