Cor gradiente de texto e fundo
A função linear-gradient() cria uma imagem que representa um gradiente linear entre duas ou mais cores. Efeitos de gradiente em diferentes direções (especificados como um ângulo) podem ser obtidos. Se a direção não for especificada, o gradiente será padronizado de cima para baixo .
0 graus pode ser entendido como uma seta vertical para cima, com o efeito gradiente de baixo para cima; 90 graus gira 90 no sentido horário e o gradiente aponta da esquerda para a direita. E assim por diante 180 graus, 360 graus, -90 graus...
/* 从上到下,蓝色渐变到红色 */
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);