东风不来
三月的柳絮不飞

WordPress 菜单图标旋转 纯代码,非常简单

最近博主忙着论文开题,加上 “翟天临事件” 的持续发酵,导致现在硕士毕业变得越来越困难,所以在博客上面花的时间也比平时少了许多!

很多小伙伴私聊博主,怎样使得 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主题

到此教程结束!

赞(2) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《WordPress 菜单图标旋转》
文章链接:https://www.wenzika.com/1807.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏