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

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

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

  2. Web Service

    Macで簡単に画像を切り取ったりぼかしやモザイクを入れることができるアプリ「ToyViewer」

    ToyViewerというMacのアプリを使ってみました。起動や動作も早…

  3. Web Service

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

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

  4. タイマーループ

    Web Service

    複数のタイマーを設定して組み合わせることができるGoogle Chrome拡張機能「タイマーループ」…

    ブラウザの拡張機能で便利なタイマーを探していたんですが、とてもよさげな…

  5. Responsive Design Bookmarklet

    Web Service

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

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

  6. Web Service

    CSSで使えるカラーネームの一覧を見やすく表示してくれる「147 Colors」

    覚えておくと便利そうだったのでメモしときます。CSSでも使える147種…

コメント

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

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

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP