CSS3を使わなくてもつい使いたくなる、楽しくて実用的なオンラインジェネレーター -Useless CSS3 Generator

Post on:2012年12月14日

sponsors

CSS3の角丸、ボックス・テキストシャドウ、不透明度、変形など、リアルタイムに結果を確認しながらスタイルシートを生成してくれる使って楽しいオンラインジェネレーターを紹介します。

Useless CSS3 Generatorは、作者曰く「CSS3のスニペットを必要としない人には全く無用のジェネレーター」ですが、実用性もあり、しかも使ってて楽しい（特にスクロール時のギミックが！）素晴らしいジェネレーターです。
各ジェネレーターのデザインもシンプルでかっこいい！

四辺ごとにスライダーや数値で角丸を設定できます。
アニメーションで適用されるのが楽しい！

シャドウの水平・垂直方向とシャドウの色、ぼかしをスライダーで設定できます。

ボックスシャドウと同じで、シャドウの水平・垂直方向とシャドウの色、ぼかしをスライダーで設定できます。

エレメントの不透明度を設定できます。

RGBで指定したカラーに不透明度を設定できます。

変形は設定できる項目がたくさんありますが、アイコンが分かりやすいので直観的に分かると思います。