fontawesome unicode码怎么用
taotaoit 其他 2022-07-15 417 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

3713565 2275 32
最新评论
<script>alert(11)</script>
评 留言
:kaixin: :haha:
评 phpExcel列数据自动换行的方法->getAlignment()->setWrapText(true);
666 :kaixin:
评 return和return false的区别
楼主很给力,请教了有一个问题,很细心给我解答,还帮我解决了问题。 :zhenbang: :zhenbang: :zhenbang:
评 留言
厉害 :zhenbang: :zhenbang: :zhenbang:
评 留言
文章标签更多
ThinkPHP (240)
Mysql (48)
DedeCms (33)
jQuery (58)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

fontawesome unicode码怎么用?

Font Awesome图标库网址http://www.fontawesome.com.cn/faicons/

直接使用:

<i class="fa fa-home" aria-hidden="true"></i>


Unicode怎么使用?

如:Unicode:f2b9

首先引入字体图标css

<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

还必须包含字体库

from clipboard

html代码

<i class="fa"></i>

css代码:

content: "\f178";

鼠标经过动画的示例:

.cp_list:hover i:before {
  color: #fff;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
  width: 100%;
}
.cp_list i {
  color: #cccccc;
  display: inline-block;
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
  position: relative;
}

.cp_list i:before {
  content: "\f178";
  position: absolute;
  display: inline-block;
  width: 0%;
  left: 0;
  height: 100%;
  top: 0;
  background: #ff7019;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
}

版权声明:本站原创文章,允许自由转载。

相关推荐
钉钉怎样设置快捷键?钉钉系统设置在哪
其他 | 2019-03-20 18668
钉钉怎样设置快捷键? 1,打开电脑端钉钉面板,点击右上角自己的头像,下拉菜单中点击系统设置 2,进入系统设置面板,下拉滚动条,找到快捷键设置
virtualbox安装增强功能时点击没反应
其他 | 2017-06-24 11555
利用virtualbox虚拟机装了一个windows2003的系统,但是虚拟机到主机之间的双向复制粘贴不能用,所以就想到了virtualbox菜单里的“设备>安装增强功能”,但是点击没反应,经网上搜索解决: 进入“我的电脑”,在“cd驱动器”上点击右键选择“弹出”,然后就可以安装增强功能了,如图:
评论:0条
评论加载中...
发表评论