渐变图标字体

<i class="fa fa-calendar"></i>
.fa::before {
  background-image: linear-gradient(90deg, #51a0fc, #d2a2e6);
  background-clip: text;
  color: transparent;
}

badckground-clip属性设置元素背景延伸位置,属性值有 border-box, padding-box, content-box和text,值为text时背景被裁切到文字前景色(firfox支持,chrome需要webkit前缀)

Comments
Write a Comment
  • layne reply

    hi,blog主题是哪个?

    emmm.....可以用你这款吗?我也是托管在Bitcron上的

    • @layne 唔主题自己写的,等我整理下代码发你一个好了【另外记得主题可以直接怎么复制来着。。忘记了

      • layne reply

        @sollrei 谢谢~

    • @layne https://github.com/sollrei/bitcron-theme/tree/master/theme3

      • layne reply

        @sollrei 非常感谢~