WordPress 菜单图标旋转

2019-06-0414:01:59 发表评论

很多小伙伴私聊博主,怎样使得 WordPress 图标旋转起来,其实这个还是挺简单的,一行 css 代码即可搞定!

WordPress 菜单图标旋转

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主题

至此就结束了,是不是很简单,快来试一下效果吧!

  • 我的微信
  • WP建站技术交流
  • weinxin
  • 乐趣宅公众号
  • 关注本站公众号
  • weinxin
乐趣宅小编

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论审核已启用。您的评论可能需要一段时间后才能被显示。