Color degradado de texto y fondo
La función linear-gradient() crea una imagen que representa un degradado lineal entre dos o más colores. Se pueden lograr efectos de degradado en diferentes direcciones (especificadas como un ángulo). Si no se especifica la dirección, el degradado se realizará de forma predeterminada de arriba a abajo .
0 grados se puede entender como una flecha vertical hacia arriba, el efecto de gradiente es de abajo hacia arriba, 90 grados se gira 90 en el sentido de las agujas del reloj y el gradiente es de izquierda a derecha, y así sucesivamente 180 grados, 360 grados, -90 grados...
/* 从上到下，蓝色渐变到红色 */
linear-gradient(blue, red);
/* 渐变轴为45度，从蓝色渐变到红色 */
linear-gradient(45deg, blue, red);
/* 从右下到左上、从蓝色渐变到红色 */
linear-gradient(to left top, blue, red);
/* 从下到上，从蓝色开始渐变、到高度40%位置是绿色渐变开始、最后以红色结束 */
linear-gradient(0deg, blue, green 40%, red);