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. Web Service

    自分の興味にあったニュースや記事を推薦してくれる「Gunosy(グノシー)」を使ってみた

    自分の興味に合うニュースや記事を推薦してくれるGunosy(グノシー)…

  2. Load Info - gif generator

    Web Service

    ローディング中に表示させるアニメーションGIFを作成できるジェネレーター「 Load Info &#…

    ローディング中に表示させるアニメーションGIFを手軽に作成することがで…

  3. ツイッターへの画像・動画の載せ方

    Web Service

    ツイッターへの画像・動画の載せ方(添付方法)について

    ツイッターでつぶやくときに、ただ文章のみをつぶやくだけではなく画像や動…

  4. Web Service

    Mac版Pocketがリリースされたのでさっそく使ってみた!

    あとで読むサービスのPocketがMacのアプリでついに登場していたの…

  5. Web Service

    ワイヤーフレームを作成するCacoo(カクー)がとても便利

    Cacooを使ってワイヤーフレームを作ってみました。CacooとはWe…

  6. Google Similar Pages

    Web Service

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

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

コメント

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

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

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP