精選20個(gè)來(lái)自網(wǎng)絡(luò)各處的最佳CSS動(dòng)畫(huà)合集。
大多數(shù)將生成純CSS代碼，無(wú)需任何外部庫(kù)。

1. Animate.css

一個(gè)跨瀏覽器動(dòng)畫(huà)庫(kù)，隨時(shí)可用于你的項(xiàng)目中。

2. Magic CSS animations

一組簡(jiǎn)單的動(dòng)畫(huà)，適合在網(wǎng)頁(yè)或應(yīng)用項(xiàng)目中使用。

3. Animista

一個(gè)CSS動(dòng)畫(huà)庫(kù)，提供了現(xiàn)成的CSS動(dòng)畫(huà)集，你可以選擇并下載你需要的部分。

4. Hamburgers by Jonathan Suh

一組精美的CSS動(dòng)畫(huà)漢堡菜單圖標(biāo)，包含Sass庫(kù)的源碼。

5. Whirl

一組CSS加載動(dòng)畫(huà)，包括弧形、基礎(chǔ)、彈跳、追蹤、色彩范圍、色輪、不同方向、點(diǎn)狀等示例。

6. Three Dots

一組用單一元素制作的CSS加載動(dòng)畫(huà)。

7. Mimic.css

一個(gè)開(kāi)源的CSS文本動(dòng)畫(huà)集合。

8. Hover.css

一個(gè)包含CSS3懸停效果的集合，可應(yīng)用于鏈接、按鈕、標(biāo)志、SVG、特色圖片等。

9. CSS Animation Kit

一個(gè)基于純CSS和HTML的動(dòng)畫(huà)工具包。

10. LDRS

一個(gè)免費(fèi)的開(kāi)源加載器和旋轉(zhuǎn)器庫(kù)。

11. AnimatiSS

AnimatiSS是一個(gè)工具，允許你預(yù)覽自定義CSS動(dòng)畫(huà)，并輕松獲取代碼，方便粘貼到你的網(wǎng)頁(yè)項(xiàng)目中。

12. Granim.js

使用這個(gè)小型JavaScript庫(kù)創(chuàng)建流暢的互動(dòng)漸變動(dòng)畫(huà)。

13. tsParticles

輕松創(chuàng)建高度自定義的粒子、彩紙和煙花動(dòng)畫(huà)，并將其用作網(wǎng)站的動(dòng)態(tài)背景。

14. Vanta.js

通過(guò)幾行代碼即可創(chuàng)建網(wǎng)站動(dòng)態(tài)背景。

15. imagehover.css

一個(gè)精心設(shè)計(jì)的CSS庫(kù)，輕松實(shí)現(xiàn)可縮放的圖片懸停效果。

16. Moving Letters

一個(gè)結(jié)合JavaScript和anime.js的文本動(dòng)畫(huà)集合。

17. Epic Spinners

一個(gè)易于使用的CSS加載旋轉(zhuǎn)器集合，支持Vue.js集成。

18. SpinKit

簡(jiǎn)單的CSS動(dòng)畫(huà)加載器。

19. particles.js

一個(gè)輕量級(jí)的JavaScript庫(kù)，用于創(chuàng)建粒子效果。

20. CSShake

易于使用的類(lèi)庫(kù)，可為網(wǎng)站的各部分添加不同類(lèi)型的搖動(dòng)效果。