background-image: -webkit-linear-gradient( ); //設置顏色與漸變方向
-webkit-background-clip: text; //主要用於剪掉文字以外的區域。
-webkit-text-fill-color: transparent;//設置文本的填充顏色。
注：如果同時設置 text-fill-color和color屬性，那么前者將覆蓋后者的效果。
下面是一個demo
效果
