プレビュー
CSS
カラーストップ
CSS グラデーション生成ツールの使い方
- グラデーションタイプ(線形または放射状)を選択します。
- 線形グラデーションの場合は角度を調整します。
- 「ストップ追加」で色ノードを追加し、既存ノードを編集・削除できます。
- 「ランダム」をクリックするとランダムなグラデーションを生成します。
- 右側のプレビューで結果をリアルタイム確認できます。
- 「コピー」で生成された CSS コードを取得します。
ヒント
- 線形グラデーションは直線方向に色が変化します。
- 放射状グラデーションは中心から外側へ色が広がります。
- すべての生成はブラウザ内で完結し、データはアップロードされません。