EZ
EZ2Conv

CSSグラデーションジェネレーター

リアルタイムプレビューとCSSコード自動生成で線形および放射状グラデーションを作成します。

プレビュー

リニア

グラデーションタイプ

方向

プリセット

カラーストップ

#3b82f6

#8b5cf6

CSS出力

/* CSS Gradient */
background: ;

使用方法

  1. グラデーションタイプを選択 - デザイン要件に応じて線形または円形グラデーションを選択
  2. カラーストップを追加 - クリックしてカラーストップを追加し、位置と色を調整
  3. 方向を調整 - 希望する効果のためにグラデーション方向または円形位置を設定