前言
分享如何给图标加个动态效果。经常逛各大佬博客的时候发现有一些博客的菜单图标一直在转,我觉得很不错。就把这个样式添加到我自己的网站,菜单图标旋转起来了,挺好玩的。现在分享给大家!
教程
在自己网站主题的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> 文章分类
转载请注明文章来处:稀饭资源网 原文链接地址https://www.xifanzyw.cn/
© 版权声明
THE END
暂无评论内容