最近博主忙着论文开题,加上 “翟天临事件” 的持续发酵,导致现在硕士毕业变得越来越困难,所以在博客上面花的时间也比平时少了许多!
很多小伙伴私聊博主,怎样使得 WordPress 图标旋转起来,其实这个还是蛮简单的,一行 css 代码即可搞定!
1. 添加 css 样式
如果是使用 DUX 主题,将下面代码添加到 main.css ,如果是使用的其他的主题,一般是添加到 style.css 文件中!
.fa-spin { animation: 2s linear 0s normal none infinite running fa-spin; }
2. 修改菜单
在 WordPress 后台,将 fa-spin
添加到菜单中要旋转的图标后面。
比如博主的菜单设置如下:
<i class="fa fa-wordpress fa-spin"></i> WP主题
3. 效果预览
效果如下:
WP主题
到此教程结束!