CSS3のコード生成と対応ブラウザが分かるジェネレーター -CSS3 Generator

CSS3の角丸やボックスシャドウなど、どのような見栄えになるかを確認しながらコードを生成できるジェネレーターを紹介します。

サイトのキャプチャ

CSS3 Generator

CSS3の各ブラウザの対応状況は、アイコンで表示されます。

サイトのキャプチャ

Border Radiusの各ブラウザの対応状況
Firefoxの対応バージョンは3.0+

CSS3 Generatorは現在、下記のコードを生成・確認することができます。

サイトのキャプチャ

Border Radius

サイトのキャプチャ

Box Shadow

サイトのキャプチャ

Text Shadow

サイトのキャプチャ

RGBA

サイトのキャプチャ

@Font Face

サイトのキャプチャ

Multiple Columns

サイトのキャプチャ

Box Resize

サイトのキャプチャ

Box Sizing

サイトのキャプチャ

Outline

CSS3のセレクタに関しては、下記のサイトが詳しいとのことです。
CSS 3 selectors explained

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

links for 2010-03-16 « 個人的な雑記

on 2010年3月17日

[...] CSS3のコード生成と対応ブラウザが分かるジェネレーター -CSS3 Generator | コリス (tags: css3) [...]

top of page

©2011 coliss