想要达到文字效果如下:
直接代码
//设置渐变背景颜色,也可以设置背景图片
background: linear-gradient(180deg, #FF7A00 0%, #FF0000 100%);
//将盒子沿着文字裁剪
-webkit-background-clip: text;
//设置文字为透明色
-webkit-text-fill-color: transparent;
//将背景应用到文字上
background-clip: text;
想要达到文字效果如下:
直接代码
//设置渐变背景颜色,也可以设置背景图片
background: linear-gradient(180deg, #FF7A00 0%, #FF0000 100%);
//将盒子沿着文字裁剪
-webkit-background-clip: text;
//设置文字为透明色
-webkit-text-fill-color: transparent;
//将背景应用到文字上
background-clip: text;