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

関連記事

  1. Touch-Tabs-jQuery

    JavaScript

    イベントやカスタマイズが可能な拡張性の高いタブシステム「Touch-Tabs-jQuery」

    Touch-Tabs-jQueryは、イベント設定やカスタマイズが可能…

  2. BIDEO.JS

    JavaScript

    背景動画をフルスクリーンで表示させるJSライブラリ「BIDEO.JS」

    BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させ…

  3. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  4. Random Text Shuffle

    JavaScript

    シャッフルしながらテキストが表示される「Random Text Shuffle」

    Random Text Shuffleは文字をシャッフルしながらテキス…

  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2012年に紹介したjQueryプラグインのまとめ

    当ブログで2012年にご紹介したjQueryプラグインをまとめてみまし…

  6. Trunk.js

    JavaScript

    滑らかなスライド表示がいい!レスポンシブなナビゲーションメニュー「Trunk.js」

    Trunk.jsはレスポンシブに対応したナビゲーションメニューを実装す…

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP