これは便利!様々な効果を生成できるCSS3ジェネレータ「CSS3.0 Maker」

1

j_141029

「CSS3.0 Maker」はCSS3のコードをリアルタイムで自動生成してくれるジェネレータです。各パラメータのスライダーを弄るだけで簡単にお好みの効果を適用することができます。プロパティが豊富で設定できるスタイルシートの項目が多いのが嬉しいところ。

a_141029

設定したコードを自動出力

CSS3 Codeviewで自動生成されたスタイルシートをダウンロードすることができます。

g_141029

対応ブラウザの確認

出力したCSS3に対応しているブラウザとデバイスを表示してくれます。

h_141029

生成できるプロパティがたくさん

生成するができるCSS3プロパティは10種類あります。その中から少しだけご紹介。

Border Radiu

ボーダースタイルの種類と角丸の設定ができます。

b_141029

Gradients

グラデーションの色やタイプを設定ができます。

c_141029

CSS Transform

スケールサイズ、位置の移動、回転などの設定ができます。

d_141029

Box Shadow

ボックスの影の設定ができます。

e_141029

@Font Face

使うフォントの種類や文字の太さを設定できます。

f_141029

デザインにちょっとしたアクセントが欲しいときなんかに是非使ってみてはいががでしょうか。

コメント