CSSグラデーションは画像ファイルを使用せずに2つ以上の色間の滑らかな遷移を可能にし、ページの読み込み時間と帯域幅を削減します。
2020年以降すべてのモダンブラウザでサポートされているCSS conic-gradient()関数は、中心点を軸に回転する色遷移のグラデーションを作成します。
CSS出力
background: linear-gradient(90deg, #ff5733 0%, #3498db 100%);