CSS グラデーション 生成

CSS グラデーション 生成とは？

CSS グラデーション 生成は、CSS の線形および放射状グラデーションを作成するためのビジュアルツールです。カラーストップを追加し、0—00% のスケールで位置を設定し、線形グラデーションの角度を選択すると、結果をリアルタイムで確認できます。最終的な CSS プロパティは、任意のスタイルシートにそのまま貼り付けられます。

CSS グラデーション 生成の使い方

1. 線形または放射状のグラデーションタイプを選択します。
2. 線形グラデーションの場合は、スライダーで角度を設定します。
3. カラーピッカーをクリックし、位置を調整して既定のカラーストップを編集します。
4. 必要に応じて「カラーストップを追加」ボタンでカラーストップを追加します。
5. 「CSSをコピー」をクリックして、グラデーションプロパティをクリップボードにコピーします。