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. Web Service

    サクっと簡単にクールなロゴを作成することができる「GraphicSprings」

    こういうサイトのおかげで誰でも簡単にプロが作ったようなロゴを作成するこ…

  2. Screen Capture (by Google)
  3. Web Service

    CSS Sprite用の画像やコードを簡単に作成してくれるCSS Sprite Generatorを…

    すごい今更なんですがCSS Spriteを初めて試してみました。自分で…

  4. Web Service

    Mac版Pocketがリリースされたのでさっそく使ってみた!

    あとで読むサービスのPocketがMacのアプリでついに登場していたの…

  5. HTML特殊文字変換ツール

    Web Service

    テキスト内のHTML特殊文字を変換してくれる便利なツール

    テキスト内にあるHTML特殊文字を変換してくれる便利なツールがあったの…

  6. Rounded corner generator

    Web Service

    CSS3の角丸を直感的な操作で作成できるジェネレーター「Rounded corner generat…

    CSS3を使って角丸を作成したい時に役立つジェネレーター「Rounde…

コメント

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

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

最近の記事

  1. 広尾のスタバ
  2. マーガレットハウエルとミズノのコラボシューズ
  3. フレンチトーストや自家製ソーセージ
  4. ハレイワ スムージー
  5. クローバーで淹れたコーヒー

アーカイブ

PAGE TOP