渐变：文字渐变，按钮背景渐变

/*文字渐变效果*/
.text{
        background-image: linear-gradient(135deg, deeppink, deepskyblue);
        -webkit-background-clip: text;
        color: transparent;
}

/*按钮背景色渐变*/
button{
	background: linear-gradient(#e66465, #9198e5); /*从上到下的渐变*/
	background: linear-gradient(90deg,rgba(44,67,241,1),rgba(146,24,223,1));
}