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

效果如下:

买卖易

到此教程结束!

免责声明:
1、本站提供的一切软件、教程和内容信息等资源均仅限用于学习和研究目的,不保证其完整性,严禁将上述资源用于商业或者非法用途;
2、本站仅提供共享服务,不提供任何技术咨询服务,请知悉谅解;
3、如果对相关资源比较满意,请前往购买支持正版,得到更好的正版服务;
4、本站信息来自网络公开信息的收集整理,版权争议与本站无关。我们非常重视版权问题,如有侵权请联系我们,我们会第一时间进行处理。
本文链接:https://www.mmeasy.cn/2011.html

0
封面图
【严正声明】
1、本站所分享的工具及源代码仅供研究、学习所用,不保证其完整性,若要商用请联系原开发者或开发公司;
2、所有资源切记不能用于一切违法犯罪活动,否则一切法律后果自负,请不要贪图小利走上不归路;
3、本站资源均来自互联网收集或网友分享,若有侵权,请联系站长删除,谢谢。
没有账号? 注册  忘记密码?