CSS3 ジェネレータを使って楽に作る

CSS3のジェネレータは、たくさんあります。使えそうなものをピックアップして、ここにまとめます。
（※ジェネレータって何？という人は、こちらを見てください。）

Boader Radius , gradienr , animation ,text shadowなどなど、いろいろなプロパティが作れます。

使い方は、左の方にあるバーを動かして調整するだけです。それで、右側にコードがあるので、それをコピペするだけです。
f:id:gupuru:20140413185135p:plain
↑赤丸の部分で調整し、↑青丸の部分コピペするだけです。

綺麗なグラデーションが作れます。

使い方は、下の画像の赤丸の部分で色を調整します。そして、画像の青丸の部分がコードです。
f:id:gupuru:20140413185734p:plain

角丸ボタンが作れます。

使い方は、下の画像の赤丸の部分で「ボタンの色」や「角丸」を調整します。そして、画像の青丸の部分がコードです。
f:id:gupuru:20140413190251p:plain

角丸,テキストシャドウ,背景,枠,テキスト本文などの装飾ができます。

吹き出しが作れます。

使い方は、下の画像の赤丸の部分で「色」や「吹き出しの方向」を調整します。そして、画像の青丸の部分がコードです。
f:id:gupuru:20140413190931p:plain

日本語のジェネレータです。

以上で、終わります。

Three.jsを使って、作ってみた