CSS Button Generator

Web Service

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

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

[ads_center]

使い方

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

Color Theme

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

29種類のカラーテーマ

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

ボタンの設定

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

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

Navi.jsナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」前のページ

Lightroomで新規の現像プリセット(ユーザープリセット)を作成する方法次のページLightroomの新規プリセット作成

関連記事

  1. ヘボン式ローマ字

    Web Service

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

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

  2. Pocketのショートカットキー

    Web Service

    Pocket(Macアプリ・Webブラウザ)で便利なショートカットキー

    あとで読むサービスでお馴染みのPockeで日頃からよく使う便利なショー…

  3. Web Service

    Chromeのダウンロード履歴を自動で消去してくれる拡張機能「Always Clear Downlo…

    ちょっと良さげだったので入れてみました。Google Chromeのダ…

  4. Web Service

    Chromeで手軽に電卓を使いたい時に便利な拡張機能「Calculator」

    Chromeでネットを閲覧中にちょっとした計算をしたいといった時がある…

  5. Web Service

    最大150枚の画像を一気にリサイズできる「Bulk Resize Photos」

    複数の画像を一気にリサイズすることができる便利なサービス「Bulk R…

  6. Streaksで特定の曜日をスキップ

    Web Service

    継続日数をカウントできるiPhoneアプリ「Streaks」で特定の曜日をスキップさせるやり方

    普段、何か継続・習慣化させたい事がある場合にはiPhoneアプリの「S…

コメント

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

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

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP