全百科精品资源分享
免费优质资源下载平台

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

播放按钮

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

WordPress 菜单图标旋转

WordPress 菜单图标旋转

1. 添加 css 样式

如果是使用 DUX 主题,将下面代码添加到 main.css ,如果是使用的其他的主题,一般是添加到 style.css 文件中!

.fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
}

2. 修改菜单

在 WordPress 后台,将 fa-spin 添加到菜单中要旋转的图标后面。

图标样式更改方法:fa fa-样式代码(wordpress、vimeo)更多样式请查看如何设置导航图标

比如全百科的菜单设置如下:

<i class="fa fa-wordpress fa-spin"></i> 全百科

3. 效果预览

效果如下:

全百科

到此教程结束!

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » WordPress 菜单图标旋转 纯代码实现 非常简单
分享到: 更多 (0)

评论 抢沙发

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

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

支付宝扫一扫打赏

微信扫一扫打赏