CSSグラデーションジェネレーター
linear・radial・conicグラデーションをビジュアルで作成。生成されたCSSをそのままコピー。
#6366f10%#ec4899100%background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
グラデーションの種類
linear-gradient
直線方向のグラデーション。角度を指定して方向を制御できます。
radial-gradient
中心から外側に向かって広がる放射状グラデーション。
conic-gradient
中心点を軸に回転するコニカルグラデーション。円グラフ風のデザインに。