Gradiente lineal: de arriba a abajo (por defecto)
background: linear-gradient(yellow 0%, #fff 100%);
Gradiente lineal - a la derecha/a la izquierda
background-image: linear-gradient(to right, red , yellow);
Diagonal: de arriba a la izquierda a arriba a la derecha
background-image: linear-gradient(to right top, red , yellow);
gradiente radial
background-image: radial-gradient(red, yellow, green);
Referencia: https://www.runoob.com/css3/css3-gradients.html
https://www.jianshu.com/p/c800b12bdba4