CSSジェネレーターとは?
CSSジェネレーターは、box-shadow・border-radius・gradient・text-shadowの4つのCSSプロパティを、スライダーを動かすだけで視覚的に生成できるツールです。リアルタイムでプレビューを確認しながらCSSコードを取得できます。
対応プロパティ
| プロパティ | 説明 |
|---|---|
| box-shadow | 要素に影をつける。X/Yオフセット・ぼかし・広がり・色・insetを調整 |
| border-radius | 角丸を設定。全体一括 or 四隅個別に指定可能 |
| gradient | グラデーション背景を生成。linear/radial切替・方向・色を指定 |
| text-shadow | テキストに影をつける。X/Yオフセット・ぼかし・色を調整 |