css实现文字颜色渐变

.fl-left{
    float:left;
    font-size: 46px;
    font-weight: 500;
    letter-spacing:4px;
    background-image:-webkit-linear-gradient(top,rgba(255,255,255,1) 60%, rgba(11,164,230,0.9) 80%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

说明 ：

background: -webkit-linear-gradient(…) 为文本元素提供渐变背景。

webkit-text-fill-color: transparent 使用透明颜色填充文本。

webkit-background-clip: text 用文本剪辑背景，用渐变背景作为颜色填充文本。

我这里渐变加了个百分比，以下为效果图