CSS3のコード生成と対応ブラウザが分かるジェネレーター -CSS3 Generator
Post on:2010年3月16日
CSS3の角丸やボックスシャドウなど、どのような見栄えになるかを確認しながらコードを生成できるジェネレーターを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505.png)
CSS3の各ブラウザの対応状況は、アイコンで表示されます。
![サイトのキャプチャ](/wp-content/uploads-2010/2010031506.png)
Border Radiusの各ブラウザの対応状況
Firefoxの対応バージョンは3.0+
CSS3 Generatorは現在、下記のコードを生成・確認することができます。
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-01.png)
Border Radius
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-02.png)
Box Shadow
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-03.png)
Text Shadow
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-04.png)
RGBA
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-05.png)
@Font Face
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-06.png)
Multiple Columns
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-07.png)
Box Resize
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-08.png)
Box Sizing
![サイトのキャプチャ](/wp-content/uploads-2010/2010031505-09.png)
Outline
CSS3のセレクタに関しては、下記のサイトが詳しいとのことです。
CSS 3 selectors explained
sponsors