animate.css是一個開源的CSS動畫庫，它可以幫助開發者快速使用一些常用的動態效果，從而提升網站的用戶體驗。本文將介紹animate.css的使用方法。

1. 下載animate.css

首先，我們需要下載animate.css，可以從官方網站（https://animate.style/）下載。下載完成后，將 CSS 文件鏈接到頁面頭部。

2. 添加動畫類名

我們可以通過添加 CSS 類名來觸發動畫效果。例如，添加一個名為“animate__bounce”的類名，即可實現彈跳效果。

3. 內置動畫類名

animate.css為我們提供了一些內置的動畫類名，可以直接使用。例如，“animate__fadeIn”就是一種淡入效果。

4. 設置動畫時間和延遲

我們可以使用“animate-delay”和“animate-duration”類來設置動畫的延遲和時間。例如，使用“animate__bounce animate__delay-2s animate__duration-3s”類將在2秒后延遲3秒進行彈跳效果。

5. 使用JavaScript觸發動畫

我們還可以使用JavaScript來觸發動畫效果。例如，使用以下代碼來觸發“animate__bounce”類。

const element = document.querySelector('.animate__bounce');
element.classList.add('animate__animated', 'animate__bounce');

總結：以上就是animate.css的基本使用方法。除此之外，animate.css還提供了許多高級的動畫效果和選項，可以去官方文檔查看。在使用animate.css時要記得遵守最佳實踐，盡可能減少頁面的加載時間。