先看個效果

https://www.bienvillecapital.com/

然後人家樣式這樣寫的

    font-family: Overpass,Helvetica,sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 43px;
    line-height: 1.55;
　　// 主要代碼 背景先漸變
    background: -webkit-gradient(linear,left top,left bottom,from(#baa898),to(#f66));
    background: linear-gradient(#baa898,#f66);
 

　　 background: -webkit-linear-gradient(#baa898,#f66);

　　//  以文本內容來剪輯背景
　　 background-clip: text; text-fill-color: transparent; 
　　 -webkit-background-clip: text;
　　//  讓文本顏色透明
    -webkit-text-fill-color: transparent;

    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
 

css3 字體漸變