很多小伙伴在问,怎样使得 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
添加到菜单中要旋转的图标后面。
图标样式更改方法:fa fa-样式代码(wordpress、vimeo)更多样式请查看如何设置导航图标
比如买卖易的菜单设置如下:
<i class="fa fa-wordpress fa-spin"></i> 买卖易
3. 效果预览
效果如下:
买卖易
到此教程结束!
免责声明:
1、本站提供的一切软件、教程和内容信息等资源均仅限用于学习和研究目的,不保证其完整性,严禁将上述资源用于商业或者非法用途;
2、本站仅提供共享服务,不提供任何技术咨询服务,请知悉谅解;
3、如果对相关资源比较满意,请前往购买支持正版,得到更好的正版服务;
4、本站信息来自网络公开信息的收集整理,版权争议与本站无关。我们非常重视版权问题,如有侵权请联系我们,我们会第一时间进行处理。
本文链接:https://www.mmeasy.cn/2011.html