一行代码让你网站菜单图标旋转起来【WordPress美化】

图片[1]-一行代码让你网站菜单图标旋转起来【WordPress美化】-星语的小木屋

前言

经常逛各大佬博客的时候发现有一些博客的菜单图标一直在转,星语社长觉得很不错。于是就查看了下样式,就把这个样式添加到我自己的网站,菜单图标旋转起来了,挺好玩的。现在分享给大家!

食用方法

在自己网站主题的CSS中加入以下代码:
.fa-spin {
    animation: 2s linear 0s normal none infinite running fa-spin;
}
WordPress后台,将“fa-spin”添加到菜单中要旋转的图标代码的“class”中。
<svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#iconziyuan"></use></svg> 文章分类

效果预览

代码效果:
听说我会旋转啦!啦啦啦!
星语社长提示您:天气冷了,别穿 多穿点
温馨提示:本文最后更新于2021-01-13 11:12:20,已超过986天没有更新。某些文章具有时效性,若文章内容或图片资源有错误或已失效,请在下方留言或联系星语社长。谢谢!

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞0打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容