纯代码实现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 添加到菜单中要旋转的图标后面。

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

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

<i class="fa fa-wordpress fa-spin"></i> 王子驿站

到此教程结束!

原文链接:http://94wz.top/2276.html,转载请注明出处。

0

评论0

温馨提示:本站的积分均通过签到免费获得!
没有账号? 注册  忘记密码?