Quttons

JavaScript

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

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

Quttons

デモ

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

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

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

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

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

Quttons

関連記事

  1. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  2. Captall

    JavaScript

    画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」

    CaptallというjQueryプラグインを使えば、画像や設定したDO…

  3. Clock Timepicker Plugin for jQuery
  4. Animated Weather Cards

    JavaScript

    シンプルでお洒落なアニメーションつき天気予報「Animated Weather Cards」

    お洒落なアニメーションがついた天気予報カード「Animated Wea…

  5. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  6. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP