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. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  2. Swipeshow

    JavaScript

    スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」…

    タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装する…

  3. Circular Slider
  4. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  5. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  6. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP