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> 文章分类

20240907194012579-image

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容