在工作中,加入一个iconfont 项目,在未使用前可以选择现在带有颜色或者不带有颜色的icon,但中途加入,怕影响他人代码,无法在随意进行更改,可以自己通过css,使用color 属性进行调节,当想设置渐变颜色时,可以通过以下代码进行设置。
//div
<div class="icon icon-favicon"></div>
//css
.icon-favicon{
display: inline-block; //使元素成为行内块元素
line-height: 1;//设置宽度和高度
background: linear-gradient(to right, #6da2ee, #e09df2);//设置渐变色 to right 从左向右
-webkit-background-clip: text;//指定背景只在文本内部显示
-webkit-text-fill-color: transparent;//使文本颜色透明
}