當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

font-awesome动态旋转图标

發布時間：2024/1/3 综合教程 35 生活家

生活随笔收集整理的這篇文章主要介紹了 font-awesome动态旋转图标小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>FontAwesome動態旋轉圖標</title>
    <link rel="stylesheet" >
</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动态旋转图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。