角丸や影などを表現するCSSを、生成することができるジェネレーターです。
スライダーやカラーピッカーを設定するだけの簡単な操作で、出来上がりを確認しながら、デザインを作成できます。

左側のメニューはシンプルな設定のみで、右側のメニューはより詳細な設定が可能になります。

主な機能

Border-Radius

ボックスの角丸を設定します。

Box-Shadow

ボックスの影を設定します。

Text-Shadow

テキストの影を設定します。

Opacity

透明度を設定します。

RGBA

RGBA形式で色を設定します。

Transform

回転、傾き、拡大縮小などの変形を設定します。

Gradient

グラデーションを設定します。

Button

色、角丸、影などの設定を組み合わせて、ボタンを作成します。