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. jqTree

    JavaScript

    JSONデータからツリー構造を作成できるjQueryプラグイン「jqTree」

    jqTreeはJSONデータを元にHTMLでツリー構造を作成できるjQ…

  2. jQuery Navobile
  3. miSlider

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  4. jQuery touchSwipe Carousel
  5. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  6. swipe-menu-js

    JavaScript

    横からスライド・スワイプ表示するハンバーガーメニュー実装「swipe-menu-js」

    swipe-menu-jsは横からスライド・スワイプ表示するシンプルな…

最近の記事

  1. 生ハム&モッツァレラチーズ サラダラップ
  2. コガネムシ
  3. ショルダーハム&5種の野菜サンドイッチ
  4. ジョン・リーチ マグカップ
PAGE TOP