CSS線形グラデーション

線形グラデーション - 上から下 (デフォルト)

background: linear-gradient(yellow 0%, #fff 100%);

線形グラデーション - 右へ/左へ

background-image: linear-gradient(to right, red , yellow);

斜め - 左上から右上へ

background-image: linear-gradient(to right top, red , yellow);

放射状グラデーション

background-image: radial-gradient(red, yellow, green);

参考：https://www.runoob.com/css3/css3-gradients.html
https://www.jianshu.com/p/c800b12bdba4