7b2美化-导航菜单添加官方图标+图标旋转代码

7b2官方图标库

https://7b2.com/fonts/

使用说明：

以下代码放到你的菜单名称

<div id="labs" class="b2font b2-close-line" style="color:red;"></div>

代码说明：

class=”b2font 图标库选择Symbol把你要的图标代码粘贴在这里”

style=”color:图标颜色;”

以下代码放到css样式

javascript

/* 菜单图标*/
.links-widget {
display: flex;
flex-flow: wrap;
}
.site-footer .widget ul li {
width: 50%!important;
}
#labs {
    animation:turn 1s linear infinite;
    display: inline-block;
}

下面是让图标旋转起来，自行选择是否使用。

javascript

/*图标旋转*/
 @keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
    }