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

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. 效果预览

效果如下:

全百科

到此教程结束!

Free Download WordPress Themes
Download Nulled WordPress Themes
Free Download WordPress Themes
Download WordPress Themes
udemy course download free
download mobile firmware
Download Best WordPress Themes Free Download
udemy free download

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

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

评论 抢沙发

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