阿里巴巴Iconfont代码中如何设置渐变字体图标

阿里巴巴Iconfont代码中如何设置渐变字体图标

此处默认会使用iconfont基本操作

1.首先：

<i class="iconfont icon-icon-imperial-crown iconOne"></i>

2. 接着

i.iconOne{
    background-image: -webkit-linear-gradient(left bottom, #fb2c61, #fac362);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px !important;
  }

搞定，其中 left bottom 表示是从左下到右上角进行渐变