iconfont图标+旋转

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图标库的名称：如下图：

image.png

image.png

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秒。