实现文字渐变效果。常用于小程序实现渐变图标字体
实现文字渐变效果。常用于小程序实现渐变图标字体
·
1、设置背景色
background: -webkit-linear-gradient(bottom, #377d87 , #49a097);
2、规定背景的绘制区域为文字部分
-webkit-background-clip: text;
3、设置文字填充颜色为透明
-webkit-text-fill-color: transparent;
或
-webkit-text-fill-color: rgba(0,0,0,0);
更多推荐
已为社区贡献1条内容
所有评论(0)