![一行代码让你网站菜单图标旋转起来【WordPress美化】插图 一行代码让你网站菜单图标旋转起来【WordPress美化】插图](https://sujjj.cn/wp-content/uploads/2023/08/图标旋转.jpg)
一、前言
经常逛各大佬博客的时候发现有一些博客的菜单图标一直在转,于是就查看了下样式,就把这个样式添加到我自己的网站,菜单图标旋转起来了,挺好玩的。现在分享给大家!
二、使用方法
在自己网站主题的CSS中加入以下代码:
.fa-spin {
animation: 2s linear 0s normal none infinite running fa-spin;
}
![一行代码让你网站菜单图标旋转起来【WordPress美化】插图1 一行代码让你网站菜单图标旋转起来【WordPress美化】插图1](https://sujjj.cn/wp-content/uploads/2023/08/1.jpg)
在WordPress后台,将“fa-spin”添加到菜单中要旋转的图标代码的“class”中。
<svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#iconziyuan"></use></svg> XXXX
三、代码效果
看这里———– ———再看这里———
![](https://sujjj.cn/wp-content/uploads/2023/08/scbz.gif)
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END