
★新URL:http://20kaido.com/
★新RSS:http://20kaido.com/index.rdf
いままでFC2ブログで5年間、お世話になりました。感謝です。
移転先でもよろしくお願いいたします!
二十歳街道まっしぐら(FC2ブログ時代)人気記事TOP50まとめ
CSS3の角丸+グラデーションを簡単に作成できるジェネレータ「CSS Corners」

CSS3で角丸ボタンを簡単に作成できる
「CSS Corners」は角丸ボタンを作成できるジェネレータです。
CSS3でコードをはいてくれますよ。
角丸の大きさやグラデーション、ボタン全体の大きさが設定できます。
簡単に角丸ボタンが作成でき、さらにCSS3でコードを出してくれるところが便利ですね。
以下に使ってみた様子を載せておきます。
CSS3でコードをはいてくれますよ。
角丸の大きさやグラデーション、ボタン全体の大きさが設定できます。
簡単に角丸ボタンが作成でき、さらにCSS3でコードを出してくれるところが便利ですね。
以下に使ってみた様子を載せておきます。
CSS3の角丸ボタンを作る!
まず「CSS Corners」にアクセスします。

サイト全体はこんな感じ。
真ん中にボタンのプレビューがあります。設定を変更する度に更新されます。
下の灰色部分にCSS3のコードがはきだされますよ。
角丸ボタンを作ってみました。

こんな感じ。
プレビューがとっても便利で、細かい調整などにもってこいです。
CSS3で角丸が表現できるようになって、画像を作成しなくてもよくなりましたね~。
今後いろんな場面で使えそうなのでチェックしておきたいです。
(本記事で紹介したサイト:CSS Corners)

サイト全体はこんな感じ。
真ん中にボタンのプレビューがあります。設定を変更する度に更新されます。
下の灰色部分にCSS3のコードがはきだされますよ。
角丸ボタンを作ってみました。

こんな感じ。
プレビューがとっても便利で、細かい調整などにもってこいです。
CSS3で角丸が表現できるようになって、画像を作成しなくてもよくなりましたね~。
今後いろんな場面で使えそうなのでチェックしておきたいです。
(本記事で紹介したサイト:CSS Corners)
- 関連記事
http://tokuna.blog40.fc2.com/tb.php/2092-922de5bb