Bonnie styles. - Webデザイン、CSSなど

CSS3をWebデザインに取り入れているサイトを良く見ますね。
しかしCSS2ｘよりもCSS3はプロパティをWebkit用・Mozilla用・CSS3用な感じで 書かないとブラウザで表示してくれません。＝面倒なのです。
なので、簡単にCSS3の スタイルを作ってくれるジェネレーターを４つ紹介。

CSS3 Generator

左のようにプロパティを選択して、サイズや色とかをしていするとスタイルを書き出してくれます。

種類が沢山あってこれ１個でも使えるかもしれません。

CSS3 Generator – WidgetPad.com.

これは、プロパティ名をクリックするとプレビューされます。
したにソースが書き出されるので便利ですね！

上にはないreflectとかあるのでまた面白いです。（Webkitのみ）

Photoshop ライクな CSS3 ジェネレーター

こちらは、右のところを編集すればプレビューされているというジェネレーター。
日本語で書かれているのでわかりやすいし簡単に設定できるのが魅力！

CSS Border Radius

端っこの数値を変更すると、ほら！簡単！（爆
Border Radiusのスタイルが書き出されます。
何かと角丸は使うのでこれ便利です！

といろいろ紹介しましたが、CSS２と違っていろいろできるのでと楽しいですね。