animate.css 是一個(gè)非常流行的 CSS 動(dòng)畫庫(kù)，通過(guò)為元素添加簡(jiǎn)單的類名，即可實(shí)現(xiàn)豐富多樣的動(dòng)畫效果，從而讓網(wǎng)頁(yè)變得更加生動(dòng)有趣。然而，在使用 animate.css 過(guò)程中，可能會(huì)遇到一些顯示問(wèn)題，下面我們來(lái)逐一講解。

1. 動(dòng)畫效果無(wú)法觸發(fā)

如果添加了正確的類名，但動(dòng)畫效果仍然無(wú)法正常觸發(fā)，可能是因?yàn)槟愕脑貨](méi)有設(shè)置初始狀態(tài)的樣式。例如，某個(gè)元素在未添加特定類名時(shí)，應(yīng)該是隱藏的，而在添加該類名后，則應(yīng)該變?yōu)榭梢姟Ｈ绻阒辉谔砑宇惷麜r(shí)設(shè)置了顯示效果，但沒(méi)有設(shè)置對(duì)應(yīng)的隱藏效果，或者設(shè)置隱藏效果時(shí)沒(méi)有將該元素完全隱藏（如 opacity: 0;），那么 animate.css 就無(wú)法正確判斷該元素的初始狀態(tài)，也就無(wú)法觸發(fā)動(dòng)畫效果。

2. 動(dòng)畫效果閃爍或錯(cuò)位

如果添加類名后，你發(fā)現(xiàn)動(dòng)畫效果在閃爍或錯(cuò)位，這可能是因?yàn)闉g覽器沒(méi)有正確解析 CSS3 動(dòng)畫屬性所導(dǎo)致的。你可以嘗試在該元素上添加以下屬性來(lái)解決該問(wèn)題：
animation-fill-mode: both;
-webkit-animation-fill-mode: both;

3. 動(dòng)畫效果無(wú)法重復(fù)播放

如果你希望某個(gè)動(dòng)畫效果可以重復(fù)播放，但發(fā)現(xiàn)該效果只能播放一次，那么很可能是因?yàn)槟銢](méi)有正確設(shè)置動(dòng)畫的迭代次數(shù)。在動(dòng)畫類名中，你可以添加以下類名來(lái)設(shè)置迭代次數(shù)：
animated infinite
其中 infinite 表示無(wú)限迭代。

總之，在使用 animate.css 時(shí)，如果遇到一些顯示問(wèn)題，你可以從上述三個(gè)方面進(jìn)行排查，一般來(lái)說(shuō)，大部分問(wèn)題都可以得到解決。