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;
}