https://arts-factory.net/lineargradient/#toc3 簡単と言いながら謎の20%がどこから？ 0～50％までは赤、50％～20％で赤から青に変化、20％から100％は青色としたい場合は次のように書きます。 .box{ background:linear-gradient(to right , #F00 50%, #00F…

https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Images/Using_CSS_gradients 角度を指定した場合、 0deg は下から上への垂直グラデーション ↑ 90deg は左から右への水平グラデーション → 時計回りに回転 負の数の角度を指定すると、反時計回り。