二十歳街道まっしぐら
お得なサイト お得なツール 小ネタ ゲーム ニュース 画像関連 動画関連 音楽関連 このブログの読者になる
TOP > スポンサー広告 > TOP > お得なサイト > CSS
タレコミNEW!! | メルマガ | お問い合わせ

★新URL:http://20kaido.com/
★新RSS:http://20kaido.com/index.rdf
いままでFC2ブログで5年間、お世話になりました。感謝です。
移転先でもよろしくお願いいたします!
二十歳街道まっしぐら(FC2ブログ時代)人気記事TOP50まとめ

スポンサーサイト このエントリーを含むはてなブックマーク あとで読む

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

エントリー詳細 --年--月--日 | スポンサー広告 > |

CSS3の角丸+グラデーションを簡単に作成できるジェネレータ「CSS Corners」 このエントリーを含むはてなブックマーク あとで読む

CSS Corners
CSS3で角丸ボタンを簡単に作成できる

CSS Corners」は角丸ボタンを作成できるジェネレータです。
CSS3でコードをはいてくれますよ。

角丸の大きさやグラデーション、ボタン全体の大きさが設定できます。

簡単に角丸ボタンが作成でき、さらにCSS3でコードを出してくれるところが便利ですね。

以下に使ってみた様子を載せておきます。


CSS3の角丸ボタンを作る!

まず「CSS Corners」にアクセスします。
CSS Corners
サイト全体はこんな感じ。
真ん中にボタンのプレビューがあります。設定を変更する度に更新されます。
下の灰色部分にCSS3のコードがはきだされますよ。

角丸ボタンを作ってみました。
CSS Corners
こんな感じ。
プレビューがとっても便利で、細かい調整などにもってこいです。


CSS3で角丸が表現できるようになって、画像を作成しなくてもよくなりましたね~。
今後いろんな場面で使えそうなのでチェックしておきたいです。
本記事で紹介したサイト:CSS Corners




関連記事

このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録 このエントリを del.icio.us に登録 このエントリをlivedoorクリップに登録 Add to Google
http://tokuna.blog40.fc2.com/tb.php/2092-922de5bb


URLを指定するだけでササッとサーバの負荷テストができるサイト「LOAD IMPACT」 トップページへ戻る Bing地図検索の「MAP APPS」がGoogleマップより機能豊富ですごそう
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。