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

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

サイトのキャプチャ

Useless CSS3 Generator

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

サイトのキャプチャ

角丸のジェネレーター

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

サイトのキャプチャ

ボックスシャドウのジェネレーター

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

サイトのキャプチャ

テキストシャドウのジェネレーター

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

サイトのキャプチャ

不透明度のジェネレーター

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

サイトのキャプチャ

RGBaのジェネレーター

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

サイトのキャプチャ

変形のジェネレーター

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

top of page

©2017 coliss