當(dāng)前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

font-awesome动态旋转图标

發(fā)布時(shí)間：2024/1/3 综合教程 38 生活家

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>FontAwesome動(dòng)態(tài)旋轉(zhuǎn)圖標(biāo)</title>
    <link rel="stylesheet" >
</head>

<body>
    <p>這是四個(gè)用fa-spin類實(shí)現(xiàn)的旋轉(zhuǎn)流暢的加載圖標(biāo)</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>這是四個(gè)用fa-pulse類實(shí)現(xiàn)的旋轉(zhuǎn)不太流暢的加載圖標(biāo)</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>

總結(jié)

以上是生活随笔為你收集整理的font-awesome动态旋转图标的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。