关于渐变

【文字渐变】
background-image: -webkit-linear-gradient(top, #fff, #31E1E5);
background-image: -moz-linear-gradient(top, #fff, #31E1E5);
background-image: -o-linear-gradient(top, #fff, #31E1E5);
background-image: linear-gradient(top, #fff, #31E1E5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

 

【背景渐变】

参考网站：

https://www.jc2182.com/colors/colors-gradient.html

https://webgradients.com/

https://uigradients.com/#CitrusPeel