当前位置: 首页 > article >正文

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


http://www.kler.cn/news/335379.html

相关文章:

  • webpack插件 --- webpack-bundle-analyzer【查看包体积】
  • 电影推荐系统
  • Python 代码编写规范
  • C++——模板进阶、继承
  • 【表分区】MySQL表分区(partition)创建、查询、删除以及重建分区等
  • windows C++-创建基于代理的应用程序(下)
  • leetcode-10/6
  • UGUI(六大UI根基组件)
  • Spring Boot新闻推荐:实时数据处理
  • 【C++】二叉搜索树+变身 = AVL树
  • redo log 和 bin log 的两阶段提交
  • 【MySQL】MySQL 数据库主从复制详解
  • Qt QWidget控件
  • Spring Boot项目使用MyBatis Plus的详细步骤
  • Apache POI 2024/10/2
  • 【TypeScript学习】TypeScript基础学习总结一
  • 计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-10-05
  • 在 Ubuntu 18.04 上安装 Syncthing
  • Mac通过ssh连接工具远程登录服务器( Royal TSX安装及使用)
  • sql-labs靶场第九关测试报告