オンライングラデーション背景ジェネレーター

ソフトウェア使用方法

1. グラデーションタイプの設定：線形グラデーション、放射状グラデーション、円錐グラデーションを選択します。線形はバナーやWebページ背景に、放射状は中心から広がる効果に、円錐はリング、カラーホイール、装飾パターンに適しています。
2. 方向と形状の調整：
   • 線形グラデーション：方向ボタンを使用するか、角度スライダーで0-360度の方向を設定できます。
   • 放射状グラデーション：円形または楕円形、拡散範囲、中心点のX/Y位置を設定できます。
   • 円錐グラデーション：開始角度と中心点の位置を設定できます。
3. カラーストップの設定：カラーピッカー、HEX入力欄、位置のパーセンテージ、透明度パラメータを使用して、各カラーストップを制御します。色の追加、削除、並べ替え、反転ができ、ワンクリックでノードを均等に配置できます。
4. 効果オプションの使用：繰り返しグラデーション、ソフトライトレイヤー、ビネット、細かなテクスチャを有効にして、背景をWebページのファーストビュー、カード、ポスター、デザイン素材により適したものにできます。
5. コピーとエクスポート：「コードエクスポート」でCSSクラス名、宣言のみ、またはCSS変数モードを選択し、CSSコードをコピーできます。また、PNG、JPG、SVG、CSSファイル、ZIPリソースパックとしてエクスポートすることもできます。
6. 保存と共有：「保存共有」で現在の設定を保存し、共有リンクを生成するか、既存のCSSグラデーションコードを貼り付けてツールに読み込み、編集を続けることができます。

よくある質問