CSS实现文字渐变效果

效果图：

代码：

h1 {
     font-size: 100px;
     color:linear-gradient(gold,deeppink);
     background-image:linear-gradient( -gold, deeppink); /*春意盎然*/
     //背景被裁剪成文字的前景色。
     background-clip:text;
     /*兼容内核版本较低的浏览器*/
     -webkit-background-clip: text;
     /*颜色透明*/
     color:transparent;
}

h2 {
    fontsize:150px;
    background-image: url(./images/hua.webp);
    background-clip:text;
    /*兼容内核版本较低的浏览器*/
    -webkit-background-clip:text;
    color:transparent;
}