CSSグラデーションジェネレーター
ライブプレビュー、カラーストップ編集、プリセット付きでCSSグラデーションを生成
ストップ
選択中のストップ
色 #667eea
不透明度 100%
位置
パラメーター
方向
角度
CSS: 貼り付けまたは編集
例
| プレビュー | 名前 | タイプ | カテゴリ | 適用 |
|---|---|---|---|---|
| オーロラ | 線形 | 自然 | ||
| ホログラフィック | 線形 | ビビッド | ||
| インフェルノ | 線形 | ビビッド | ||
| キャンディラッシュ | 線形 | ビビッド | ||
| Miami Vice | 線形 | レトロ | ||
| 残り火 | 線形 | 自然 | ||
| Matrix | 線形 | ダーク | ||
| 水銀 | 線形 | メタル | ||
| 星雲 | 放射状 | 宇宙 | ||
| マグマ | 放射状 | 自然 | ||
| ポータル | 放射状 | 宇宙 | ||
| ネオンバースト | 放射状 | ビビッド | ||
| スポットライト | 放射状 | ダーク | ||
| スペクトル | 円錐 | ビビッド | ||
| くっきり分割 | 円錐 | 幾何学 | ||
| 渦巻き | 円錐 | ビビッド | ||
| ゴールド | 円錐 | メタル |