icon渐变色字体图标
2019-12-12 本文已影响0人
爱学习的新一
使用阿里字体图标库iconfont.cn
font class方式应用
<template>
<span><i class="iocnfont icon-waimai" ></i></span>
</template>
<style>
.icon-waimai{
font-size:50px;
background: -webkit-linear-gradient(right bottom, #9162e1, #c384e6);//从右下角方向开始线性渐变
-webkit-background-clip: text;//上色的部分为文字显示的部分
-webkit-text-fill-color: transparent;//使用transparent属性不会覆盖背景颜色
}
</style>
