iconfont图标由link引入:
<link rel="stylesheet" href="../fonts1/iconfont.css">
<link rel="stylesheet" href="../fonts/iconfont.css">
<link rel="stylesheet" href="../css/aik.css">
列如:<i>标签
<i class="icon iconfont "></i>
class链接iconfont路径
再引进iconfont图标库的名称:如下图:
iconfont引入图标方式获取图标名称即可:
如:<i class="icon iconfont icon-angle-down"></i>
切勿:加点!!!
加点无效!
下面如何:给iconfont加旋转!
<i>标签先转换成行内块元素:
i{
display: inline-block;
}
必须给i标签转换成行内块元素:否则无法旋转!!!
给<i>标签转换成块元素是无法正常旋转的。
给<i>加旋转必须由 &:hover:
如下:
i{
display: inline-block;
&:hover{
transform: rotate(180deg);
transition: 2s;
}
}
这是给<i>标签的iconfont图标加180度的旋转:过度2秒。