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. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  2. Chameleon.js
  3. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  4. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  5. jQuery Panorama Viewer

    JavaScript

    パノラマビューを実装できるjQueryプラグイン「jQuery Panorama Viewer」

    jQuery Panorama Viewerはパノラマビューを実装する…

  6. 3D Portfolio Template

    JavaScript

    立体的に回転するテンプレート「3D Portfolio Template」

    滑らかに、立体的に回転するテンプレートを実装することができる「3D P…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP