no-image

JavaScript

粒子のように分裂していくパーティクルエフェクト「Particle Effects for Buttons」

Particle Effects for Buttonsは、粒子のように細かく分裂していくパーティクルエフェクトをボタンに実装できるライブラリです。繊細で美しく、どこか儚さを感じさせてくれるエフェクトがとてもカッコイイですね。

Particle Effects for Buttons

デモ

Send、Upload、Delete、Submit、refresh、Bookmark……など、デモページにはたくさんのボタンが設置されています。どのボタンもクリックすることで細かく分裂していくアニメーションを見ることが可能です。

各ボタンによって、粒子の形や分裂する速さなどが違うので、いろんなパターンのパーティクルエフェクトを確認できます。

ボタンにデザイン的な要素をプラスできるのはもちろん、クリックされたことがしっかり伝わるのでユーザーにとっても安心ですね。

Particle Effects for Buttonsにはオプションもたくさん用意されているので、カスタマイズ性もバッチリです。duration、easing、type、style、direction、size、speed、colorなど、オプションから手軽にカスタマイズできます。他にもいろいろなオプション項目があるので、気になる人はぜひチェックしてみてください。

Particle Effects for Buttons

jQuery Timespace四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」前のページ

コンテンツを押し出してナビゲーションを表示する「Navigation」次のページNavigation

関連記事

  1. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  2. responsive-flip-pricing-table

    JavaScript

    レスポンシブでフリップによる価格表示の切り替えができる「Responsive Flip Pricin…

    レスポンシブに対応し、フリップによる価格表示の切り替えもできるテーブル…

  3. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

  4. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  5. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  6. Crosscover

    JavaScript

    多彩なアニメーションがいい!シンプルで使いやすいjQueryイメージカルーセル「Crosscover…

    Crosscoverはシンプルで多彩なアニメーションが魅力的なイメージ…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP