Quttons

JavaScript

ボタンの形状やカラーが変化するjQueryプラグイン「Quttons」

Quttonsはボタンをクリックすると形状やカラーが変化して新しいコンテンツを表示することができるjQueryプラグインです。滑らかなアニメーションで変化しながらコンテンツが現れる姿は、見ていてとてもおもしろいですね。使い方次第でいろんな用途に活用できるかと思います。

Quttons

デモ

デモでは3つのボタンが設置されており、クリックで各ボタンに応じたコンテンツが表示されます。左からファイルアップロード、確認ダイアログ、コメント投稿になります。

各コンテンツはクリックしないと表示されない仕組みになっているので、通常時はとてもシンプルですね。

スペースの有効活用にもなりますし、見た目もスッキリするのがGoodです。パソコンはもちろん、スマホやタブレットからも操作しやすいのではないでしょうか?

背景カラーや縦横サイズ、easingなどをカスタマイズすることもできるので、気になる方はぜひチェックしてみてください。

というわけで、アニメーションでボタンの形状やカラーが変化する「Quttons」のご紹介でした。

Quttons

関連記事

  1. Sidr

    JavaScript

    横からサイドメニューが現れるjQueryプラグイン「Sidr」

    面白いjQueryプラグインがあったのでメモがてらご紹介します。Sid…

  2. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  3. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  4. Ink Transition Effect

    JavaScript

    インクをこぼしたようなエフェクトを実装できる「Ink Transition Effect」

    Ink Transition Effectはインクがこぼれて広がったよ…

  5. jquery countDownTimer
  6. funnyText.js

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP