CSS Button Generator

Web Service

シンプルでお洒落なCSSボタンを作成できる「CSS Button Generator」

とても良さそうだったので使ってみました。シンプルでお洒落なCSSボタンを作成することができる「CSS Button Generator」です。ボタンの大きさはもちろん、カラー、ボーダー、シャドウ、フォントサイズ、角丸など、細かい部分まで調整できるのが嬉しいですね。以下、使い方です。

[ads_center]

使い方

ボタンのカラーは自分で調整もできますが、「Color Theme」にも色んな種類のカラーが入っています。

Color Theme

全部で29種類のテーマカラーがあります。

29種類のカラーテーマ

ボタンの設定は、大きく分けると、サイズ、シャドウ(テキスト)、シャドウ(ボタン)になります。これらの左右調整バーを弄りながら、自分好みのボタンに仕上げていきます。

ボタンの設定

ボタンに表示させるテキストやクラス名なんかも指定することが可能です。

出来たら、Code Resultにあるコードをコピペするだけです。使い方も簡単なので、CSSボタンを作成する時には活用していきたいですね。

関連記事

  1. OmmWriter

    Web Service

    創造力を掻き立ててくれるテキストエディタ「OmmWriter Dāna II」を使えば集中して文章が…

    めちゃくちゃシンプルでミニマルデザインが素敵なテキストエディタ「Omm…

  2. Sticky Notes

    Web Service

    付箋にメモを書いて画面内に複数追加できるChrome拡張機能「Sticky Notes」

    とても便利なChrome拡張機能を見つけたのでご紹介します。画面内にメ…

  3. Web Service

    PNG画像をブラウザ上にアップロードするだけでファイルサイズを圧縮することができる「PunyPNG」…

    ブラウザ上でローカルに保存してある画像をアップロードするだけで簡単にフ…

  4. Web Service

    送信と受信ができて60分だけ使用可能な使い捨てメールアドレス「GuerrillaMail.com」

    ちょっと便利そうだったのでメモしときます。送信と受信ができて60分だけ…

  5. Web Service

    テキストや画像はもちろん!手軽にiPhoneからエバノートにメモできるアプリ「Tap2Ever」を使…

    出先でちょっとしたメモなんかをサクっとエバノートにアップロードできるi…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP