效果图:
代码:
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;
}