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

    CSSでBorder Radiusだけのコードを生成してくれるジェネレーター「CSS Border …

    CSSでBorder Radiusだけのコードを生成してくれるジェネレ…

  2. Web Service

    iPhoneアプリ「Resize Photo」を使って撮った画像を好きなサイズにリサイズする

    iPhoneで撮った画像をリサイズしたい時ってありますよね。Resiz…

  3. Web Service

    MacのReederで画面右上にRead It LaterとTwitterのアイコンを表示させるやり…

    MacのReederがとても快適なのでちょくちょく使っているんですが、…

  4. Web Service

    これは凄い!色んなCSSを生成してくれるジェネレーター「Generate CSS」

    Generate CSSというジェネレーターが凄かったのでご紹介します…

  5. Responsive Design Bookmarklet

    Web Service

    レスポンシブなデザインを瞬時に確認する為のブックマークレット「Responsive Design B…

    シンプルですが、かなり便利なブックマークレットを見つけたのでご紹介しま…

  6. Web Service

    ATOK Pad(Mac)を使ってみたら呼び出しも簡単で使いやすかった

    ATOK Pad(Mac)をインストールしてみました。ちょっとしたメモ…

コメント

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

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

最近の記事

  1. CHA-SAJI
  2. SLE-19P
  3. Soundcore Ace A0
  4. Fire 7 タブレット

アーカイブ

PAGE TOP