css字体实现渐变

.title {
    font-family: 'Electronic';
    font-size: 1.5em;
    /* 背景渐变 */
    background: linear-gradient(90deg, #114357 0%, #F29492 100%);
    /* 元素背景延伸到文本 */
    -webkit-background-clip: text;
    /* 文本字符填充颜色透明 ,让文字透明，就能填充上*/
    -webkit-text-fill-color: transparent;

}

tip：在需要使用的地方引入即可

原理：背景渐变，再让文字透明，背景延伸至文字