<!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>