iconfont 图标如何实现颜色渐变
最近项目中UI 设计了图标渐变效果,在此处记录下:
html部分代码:
<view class="icon iconfont iconyuezhifu_icon item-icon"></view>
css:
.item-icon{ // color: #e54746; font-size: 52rpx; background-image: linear-gradient(135deg, #eb6867 0%, #e85857 67%, #e54746 100%); -webkit-background-clip: text; color:transparent; }
除了设置 -webkit-background-clip :text;
实现渐变字体,还需要将color 设置为transparent 来配合一起使用