ClickSpark.js

JavaScript

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

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

ClickSpark.js

デモ

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

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

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

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

ClickSpark.js

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

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

関連記事

  1. imagelightbox

    JavaScript

    レスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」

    imagelightboxは、レスポンシブに対応したタッチフレンドリー…

  2. photowall

    JavaScript

    Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「…

    Google画像検索のようなアニメーションを実装することができるjQu…

  3. no-image

    JavaScript

    指定したテキストをハイライトとタイピング効果で表示できる「typeLighter.js」

    typeLighter.jsは、指定したテキストをハイライトとタイピン…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

  5. Before and after slider
  6. Accessible Mega Menu

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP