<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>
使用阿里字体图标库iconfont.cn font class方式应用
什么是 iconfont？ icon font ，图标字体，也叫字体图标，顾名思义，就是字体做的图标。受到近些年 ...
说明：使用字体图标 推荐网站：Icon Font & SVG Icon Sets ❍ IcoMoon https:...
字体图标渐变 字体图标想要变成渐变色的可以这样 效果如图 这样会有一个灰色的线，这个是字体图标的文字颜色。 就可以...
慕课网 用字体在网页中画ICON图标 学习笔记 一、用 CSS Sprite 实现 icon 图标 CSS Spr...
font icon 字体图标 集成了FontAwesome,iconiicon,[Foundation icons...
图片代替图标 字体库 把图标加到项目中 项目编辑 FontClass/Symbol 前缀 ： el-icon-。...
1.继承关系 2.Icon 2.1 介绍 图形图标，来自于所述的字体的字形绘制。图标不可交互式。创建Icon对象要...
在网站中经常会用到很多图标，例如下面的导航功能： 传统的做法，可能是做成很多个gif/jpg的小图片，或者是做成一...
Icon Font就是将一些单色图标作为字体放到字体库中，当应用运行时加载自定义字体库将其展示出来。Icon Fo...
本文标题：icon渐变色字体图标
本文链接：https://www.haomeiwen.com/subject/dpgygctx.html
网友评论