03_08.animate庫

1. 首先去animate網站看看有哪些樣式:

https://daneden.github.io/animate.css/

2. 大致網站長這樣:
3. 然后將css下載下來,引用

案例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="animate.css">
</head>
<body>
    <div>
        <p class="animated bounce">我想買房子</p>
        <p class="animated bounceInDown">另外還想要輛車</p>
        <p class="animated lightSpeedOut">如果上面的實現不了, 取兩個老婆也是可以的!</p>
    </div>
</body>
</html>
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容