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

    夜フクロウで複数のTwitterアカウントを使うためのアカウント追加方法

    Twitterクライアントで人気の高い夜フクロウを使い始めました。メイ…

  2. Web Service

    Macで簡単に画像を切り取ったりぼかしやモザイクを入れることができるアプリ「ToyViewer」

    ToyViewerというMacのアプリを使ってみました。起動や動作も早…

  3. ヘボン式ローマ字

    Web Service

    ヘボン式ローマ字を使う時の注意事項や便利な一覧表、入力変換サービスなど

    ヘボン式ローマ字を使う時の注意事項や便利な一覧表、入力変換サービスなど…

  4. Evernoteでマージの使い方と復元方法

    Web Service

    Evernoteで複数のノートを整理(まとめる)できるマージの使い方と復元方法

    Evernoteで似たような内容をメモした複数のノートを一つにまとめて…

  5. Web Service

    エバノートにノートリンク機能があることを知らなかったので使ってみた

    エバノートにノートリンク機能なんてのがあるみたいですね。知らなかったで…

コメント

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

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

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP