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

sponsors

top of page

©2018 coliss