一行代码让你网站菜单图标旋转起来【WordPress美化】

前言

经常逛各大佬博客的时候发现有一些博客的菜单图标一直在转，星语社长觉得很不错。于是就查看了下样式，就把这个样式添加到我自己的网站，菜单图标旋转起来了，挺好玩的。现在分享给大家！

食用方法

在自己网站主题的CSS中加入以下代码：

.fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
}
generic
78 Bytes
© 紫禁源码资源站
.fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
}

在WordPress后台，将“fa-spin”添加到菜单中要旋转的图标代码的“class”中。

<svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#iconziyuan"></use></svg> 文章分类
generic
92 Bytes
© 紫禁源码资源站
<svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#iconziyuan"></use></svg> 文章分类

效果预览

代码效果： 听说我会旋转啦！啦啦啦！
紫禁站长提示您：天气冷了，别穿 多穿点

感谢您的来访，获取更多精彩文章请收藏本站。