
★新URL:http://20kaido.com/
★新RSS:http://20kaido.com/index.rdf
いままでFC2ブログで5年間、お世話になりました。感謝です。
移転先でもよろしくお願いいたします!
二十歳街道まっしぐら(FC2ブログ時代)人気記事TOP50まとめ
角丸・シャドウ・回転・文字装飾などのCSS3を生成してくれるジェネレータ「CSS Playground」

CSS3ジェネレータが便利だー!
「CSS3 Playground」はCSS3を自動生成してくれるジェネレータです。
角丸やシャドウなどの調整を手軽に行え、コードを生成してくれます。
真四角の図形にほどこせる装飾ならお任せって感じですね。
以下に使ってみた様子を載せておきます。
角丸やシャドウなどの調整を手軽に行え、コードを生成してくれます。
真四角の図形にほどこせる装飾ならお任せって感じですね。
以下に使ってみた様子を載せておきます。
やっぱり便利!CSS3ジェネレータ
まず「CSS3 Playground」にアクセスしましょう。

全体はこんな感じになっていて、真ん中にプレビューが表示されいます。
左側の設定をいじると、プレビューが変化していきます。

いろいろいじってみると、こういうのが作れました。
(角丸、シャドウ、テキストシャドウ、回転、背景、枠、テキスト本文がいじれました)

CSS3のコードはプレビューの下に表示されています。
こちらを適用すれば、プレビュー通りに描けます。
CSS3ほんと便利ですね。
さらにこういったジェネレータがあると、コードを書くのが楽で嬉しいですね。
(本記事で紹介したサイト:CSS3 Playground)

全体はこんな感じになっていて、真ん中にプレビューが表示されいます。
左側の設定をいじると、プレビューが変化していきます。

いろいろいじってみると、こういうのが作れました。
(角丸、シャドウ、テキストシャドウ、回転、背景、枠、テキスト本文がいじれました)

CSS3のコードはプレビューの下に表示されています。
こちらを適用すれば、プレビュー通りに描けます。
CSS3ほんと便利ですね。
さらにこういったジェネレータがあると、コードを書くのが楽で嬉しいですね。
(本記事で紹介したサイト:CSS3 Playground)
- 関連記事
http://tokuna.blog40.fc2.com/tb.php/2145-9c87476f