1、文字渐变
{
background-clip: text;
-webkit-text-fill-color: transparent;
/*基本用法*/
background-image: linear-gradient(red, blue);
/*控制颜色渐变方向
to left:从右向左
to bottom:从上向下
45deg:顺时针旋转45度
*/
background-image: linear-gradient(to left,red, blue);
/*设置过渡颜色的起始位置*/
background-image: linear-gradient(to left,red 50px, blue 100px, yellow);
}