動畫效果可以讓網頁變得更加生動有趣，而Animate.css就是一個擴展庫，可以提供各式各樣的動畫效果。讓我們來學習如何在網頁中使用它。
首先，在網頁中使用Animate.css前，我們需要將它導入到HTML文件中：
<head> <link rel="stylesheet" href="animate.min.css"> </head>
這樣就可以讓我們使用Animate.css庫中的各種動畫效果了。
接下來，我們需要在要使用動畫效果的元素中添加“animate__animated”類名，再加上所需的動畫效果類名，比如“animate__bounceIn”：
<div class="animate__animated animate__bounceIn"> <p>使用Animate.css讓網頁更加生動</p> </div>
其中，“animate__animated”類名是用來觸發動畫效果的，而“animate__bounceIn”類名則是用來指定具體的動畫效果。
最后，我們可以給動畫效果指定一個持續時間和延遲時間，如下所示：
<div class="animate__animated animate__bounceIn animate__delay-2s animate__duration-3s"> <p>Animate.css讓網頁更加生動</p> </div>
這里的“animate__delay-2s”表示2秒的延遲時間，“animate__duration-3s”表示3秒的持續時間。
現在，我們就可以使用Animate.css庫中各式各樣的動畫效果了，例如“bounce”、“flash”、“pulse”等等。趕快試試吧！
下一篇html 對話框代碼