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

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

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

  2. ヘボン式ローマ字

    Web Service

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

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

  3. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  4. placekitten

    Web Service

    Webサイト作成時に可愛い猫のダミー画像を用意してくれる「placekitten」

    とても素敵なWebサービスがあったのでご紹介します。Webサイトを作成…

  5. Web Service

    ブログで使うCC(クリエティブコモンズ)対象の画像をFlickrやGoogleから簡単に探してくれる…

    ブログでその記事に関連するアイキャッチ画像を入れたりしたい時があるかと…

  6. OmmWriter

    Web Service

    創造力を掻き立ててくれるテキストエディタ「OmmWriter Dāna II」を使えば集中して文章が…

    めちゃくちゃシンプルでミニマルデザインが素敵なテキストエディタ「Omm…

コメント

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

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

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP