WordPress 美化:一行代码让你的菜单图标旋转起来

沃森博客 2018年7月3日00:15:01WordPress评论572阅读模式

WordPress 美化:一行代码让你的菜单图标旋转起来

逛博客的时候发现有的博客的菜单有一个图标一直在转,觉得很不错。于是我就用 firebug 查看了下样式,把这个样式添加上就可以让你的小图标旋转起来。

在主题的 css 中加如下代码:

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

然后再菜单里,将.fa-spin添加到菜单中。然后就可以看到图标旋转了

  1. <i class="fa fa-wordpress fa-spin"></i>沃森博客

 

声明:此资源由沃森博客 [wosn.net] 收集整理于网络,只用于交流学习,请勿用作它途。如有侵权,请联系沃森博客 [admin@wosn.net] 删除处理。

  • 博主QQ
  • 2807460584
  • weinxin
  • 博主QQ
  • 2807460584
  • weinxin
沃森博客
  • 本文由 发表于 2018年7月3日00:15:01
  • 转载请务必保留本文链接:https://wosn.net/1281.html

发表评论