文字添加渐变

span {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFB59D), color-stop(0.5, #FBFFE9), to(#FFB59D));
    background: -webkit-linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
    background: linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

background-clip属性的通俗作用就是指定元素背景所在的区域,有四种取值

详情可见：https://www.cnblogs.com/okgoodman/p/8665912.html