iconfont+旋转

示例：给iconfont加旋转！----旋转180deg  2秒

①<i>标签先转换成行内块元素：

i{
    display: inline-block;
}

必须给i标签转换成行内块元素：否则无法旋转！！！

注：（旋转要加在hover里）
给<i>加旋转必须由 &:hover:
如下：

i{
    display: inline-block;
    &:hover{
        transform: rotate(180deg);
        transition: 2s;
    }
}

这是给<i>标签的iconfont图标加180度的旋转   、过渡2秒。