sakura 美化第三弹 添加菜单动态图标

由于Sakurairo主题已经引用了 Fontawesome 所以直接 后台-外观-修改菜单 即可，找到你想要的图标参考如下填写

打开 Font Awesome中文网 http://www.fontawesome.com.cn/faicons/

选取你喜欢的图案点击进入，复制代码！例子：

fa-address-book，但是在应用时，所有图标前面都要需要添加多一个fa 得出fa fa-address-book

<i class="fa fa-fort-awesome"></i> 首页

然后保存之后，刷新面页就能看到图标了。 (为什么不一样不会动呢？)

现在，我们来添加一个会动的图标！

1,我们需要用到这个网站Font Awesome Animation，然后还需要在头部引用一个CSS【Sakurairo 主题同样自带，此步跳过】

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome-animation@0.2.1/dist/font-awesome-animation.min.css">

2,先来个举个例子：

下面是代码

<span class="faa-parent animated-hover"><i class="fa fa-fort-awesome faa-horizontal"></i> 首頁</span>

根据上面教学，记得图标前要多添加一个fa 选择图案点选Fontawesome 中文网！动画效果则不需要添加任何东西！动态效果点选这里 动画选择网站 ！选择你自己想要的效果！取代代码中的就可以了！

根据上面的代码，修改三部分就能修改出你的菜单动态图案效果了。

如果没有效果，换个动画试试哦！