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