ClickSpark.js

JavaScript

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

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

ClickSpark.js

デモ

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

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

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

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

ClickSpark.js

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

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

関連記事

  1. JavaScript

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

  2. Folder Preview Ideas

    JavaScript

    フォルダに楽しいホバーアニメーションをつける「Folder Preview Ideas」

    Folder Preview Ideasは、フォルダにさまざまな楽しい…

  3. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  4. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

  5. JavaScript

    テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」

    テキストで指定した一部分をサラっとアニメーションさせるjQueryプラ…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP