// css-gradient
CSS グラデーションジェネレーター
ビジュアルエディタで美しいCSSグラデーションを作成。線形、放射状、円錐グラデーションに対応。
0%
100%
background: linear-gradient(135deg, #0EA5E9 0%, #8B5CF6 100%);
CSS グラデーションジェネレーターの使い方
- タイプを選択-グラデーションのタイプを選択します：線形、放射状、円錐。
- 方向を設定-線形グラデーションの場合は角度を調整し、放射状の場合は形状を選択します。
- 色を追加-カラーストップを追加し、コントロールで位置を調整します。
- CSSをコピー-出力エリアから生成されたCSSコードをコピーします。
CSS グラデーションジェネレーターについて
CSS グラデーションジェネレーターはCSSグラデーションを作成するためのビジュアルエディタを提供します。線形、放射状、円錐のグラデーションタイプに対応しています。
角度の調整、複数のカラーストップの追加、グラデーションのライブプレビューを確認できます。すぐに使えるCSSコードを生成します。
すべての処理はブラウザ内でローカルに行われます。外部サービスは使用しません。
