グラデーション生成

線形・放射状のグラデーションを作り、CSSをコピーします。

タイプ

線形放射状

角度: 45°

カラーストップ

#ff5e3a%

#ff2d55%

CSS

background: linear-gradient(45deg, #ff5e3a 0%, #ff2d55 100%);

Tailwind（任意の値）

bg-[linear-gradient(45deg,_#ff5e3a_0%,_#ff2d55_100%)]

使い方

線形は、まっすぐな軸に沿って色を混ぜ合わせます(背景に向いています)。放射状は、中心の1点から外へ向かって混ぜ合わせます(光や、スポットライトに向いています)。

できます。好きなだけカラーストップを追加し、グラデーションの上で、それぞれの位置を決められます。

いいえ。グラデーションのCSSは、ブラウザ内でその場で生成されます。