乐于分享
好资源不私藏

wordpress美化-为导航菜单个性小图标添加旋转效果。

本文最后更新于2020.04.21-19:25,某些文章具有时效性,若有错误或已失效,请在下方评论留言或联系博主

相信你已经看到本站的菜单图标一直地不停在旋转,要实现这种效果很简单,现在就把方法分享给大家。

1. 在主题的main.css中,添加如下代码:

.fa-spin {
animation: 2s linear 0s normal none infinite running fa-spin;
}

 

2. 然后在菜单里的”fa fa-android “后面添加上fa-spin就好了,或者是直接添加以下代码:

<i class="fa fa-android fa-spin" aria-hidden="true"></i> Android

 

保存之后F5刷新网站首页,你就能看到旋转的小图标了!

 

效果图必须有的啊

 

未经允许不得转载:9i资源网 » wordpress美化-为导航菜单个性小图标添加旋转效果。

评论 抢沙发

评论前必须登录!

立即登录   注册

×
订阅图标按钮