分享WP资源
是件美好的事情

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

到此教程结束!

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:莲花不妖 » WordPress 菜单图标旋转
分享到: 生成海报

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录