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

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

関連記事

  1. Google Similar Pages

    Web Service

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

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

  2. Web Service

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

    最近色々調べものをする機会が多くて、何かiPhoneで便利なアプリでも…

  3. Web Service

    feedlyの登録者数を取得できる「Feedly Subscribers Checker 2」

    自分のブログをfeedlyに登録してくれている人の数を知りたいという方…

  4. Web Service

    タータンチェックの背景素材を簡単に作成することができるジェネレーター「Tartan Maker 」

    タータンチェックの背景素材を簡単に作成することができるジェネレーター「…

  5. Web Service

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

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

  6. Type Zebra

    Web Service

    自分のパソコン内に入っているフォントを確認できる「Type Zebra」

    自分のパソコン内に入っているフォントを確認できる「Type Zebra…

コメント

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

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

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP