Web Service

CSS3を使って超カンタンにクールなボタンを作ることができるジェネレーター「Button Maker」の使い方

CSS3を使ってとても簡単にクールなボタンを作ることができるジェネレーター「Button Maker」を使ってみました。複雑な機能が一切なくてとてもシンプルで使いやすいジェネレーターといった印象です。ボタンを作りたい時なんかに覚えておくと役立つこと間違いないですね。ということで簡単な使い方です。

[ads_center]

使い方

右にあるバーを左右にスライドさせることでボタンの大きさや形を調整することができます。

こんな感じで丸くしたり。

Button Makerの使い方01

四角くしたり。

Button Makerの使い方02

ボタンのグラデーションカラーやフォントカラーも自由に設定できます。実際にボタンの形を確認しながら作れるのはやっぱり便利ですよね。

Button Makerの使い方03

出来上がったらボタンをクリックしてCSSのソースを確認することができます。

Button Makerの使い方04

こんな感じでソースを取得することができます。

Button Makerの使い方05

ということで使い方もとてもシンプルなのでボタンを作る際にはオススメです。

iPhoneでWikipediaを調べるためのアプリ「Wikiamo」が便利すぎる前のページ

グリーンでエコのWebサイトのレイアウト29次のページ

関連記事

  1. Web Service

    色々なブランドカラーの値を知ることができる「BrandColors」

    ちょっとした参考になりそうだったのでメモがてらご紹介します。色々なブラ…

  2. EmChart

    Web Service

    CSSでフォントサイズをem指定する時に便利なEmChart

    レスポンシブWebデザインなどによりem指定をする機会が多くなってきて…

  3. Web Service

    あとで読むサービス「Read it Later」をMacで快適に読むアプリ「ReadNow」

    iPhoneであとで読むアプリとしてRead it Laterを使って…

  4. Web Service

    iPhoneで撮影した写真の個人情報などにモザイクや黒の塗りつぶしで隠すことができるアプリ「hide…

    iPhoneで撮影した写真で顔やメールアドレスなどの個人情報が写ってい…

  5. Google Similar Pages

    Web Service

    現在閲覧中のサイトと似ているサイトを探してくれるChrome拡張機能「Google Similar …

    前回、同様のWebサービス「SimilarSites」をご紹介したんで…

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

    Web Service

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

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

コメント

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

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

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP