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

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

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

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

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

角丸・シャドウ・回転・文字装飾などのCSS3を生成してくれるジェネレータ「CSS Playground」 このエントリーを含むはてなブックマーク あとで読む

CSS3 Playground
CSS3ジェネレータが便利だー!

CSS3 Playground」はCSS3を自動生成してくれるジェネレータです。
角丸やシャドウなどの調整を手軽に行え、コードを生成してくれます。

真四角の図形にほどこせる装飾ならお任せって感じですね。
以下に使ってみた様子を載せておきます。


やっぱり便利!CSS3ジェネレータ

まず「CSS3 Playground」にアクセスしましょう。

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

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

CSS3 Playground
CSS3のコードはプレビューの下に表示されています。
こちらを適用すれば、プレビュー通りに描けます。


CSS3ほんと便利ですね。
さらにこういったジェネレータがあると、コードを書くのが楽で嬉しいですね。
本記事で紹介したサイト:CSS3 Playground




関連記事

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


HTML5で作られたドローツール「deviantART Muro」が高機能で使える トップページへ戻る Twitterのサイドバーを透明化する方法
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。