font-awesome动态旋转图标
Posted hale-wang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了font-awesome动态旋转图标相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>FontAwesome动态旋转图标</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <p>这是四个用fa-spin类实现的旋转流畅的加载图标</p> <i class="fa fa-spinner fa-spin"></i> <hr> <i class="fa fa-circle-o-notch fa-spin"></i> <hr> <i class="fa fa-refresh fa-spin"></i> <hr> <i class="fa fa-cog fa-spin"></i> <p>这是四个用fa-pulse类实现的旋转不太流畅的加载图标</p> <i class="fa fa-spinner fa-pulse"></i> <hr> <i class="fa fa-circle-o-notch fa-pulse"></i> <hr> <i class="fa fa-refresh fa-pulse"></i> <hr> <i class="fa fa-cog fa-pulse"></i> </body> </html>
以上是关于font-awesome动态旋转图标的主要内容，如果未能解决你的问题，请参考以下文章
springboot环境中，可能会出现使用font-Awesome结果图标不显示的问题，在webService的pom文件中添加如下配置代码