從網路上的各種來源精心挑選的 20 個最佳 CSS 動畫的集合。
它們中的大多數將產生純 CSS 程式碼，而不需要任何外部程式庫。
如果您想探索更多前端工具和資源，請造訪我們的180+ 最佳前端開發工具頁面以了解更多資訊。
1.動畫.css
可供您在專案中使用的即用型跨瀏覽器動畫庫。
2.神奇的CSS動畫
一組可包含在您的 Web 或應用程式專案中的簡單動畫。
3.萬物有靈論者
CSS 動畫庫，您可以在其中使用一系列現成的 CSS 動畫並僅下載您將使用的動畫。
4. Jonathan Suh 的漢堡
一系列美味的 CSS 動畫漢堡圖示。還包括作為 Sass 庫的源程式碼。
5.旋轉
CSS 載入動畫的集合，範例包括；弧線、基本、反彈、追逐、顏色範圍、色輪、不同方向、點等等。
6.三點
一組僅使用單一元素製作的 CSS 載入動畫。
7.模仿.css
開源 CSS 文字動畫的集合。
8.懸停.css
CSS3 驅動的懸停效果集合，可應用於連結、按鈕、徽標、SVG、特色圖像等。
9.CSS動畫套件
一個純 CSS 和基於 HTML 的動畫套件。
10.LDRS
一個免費的開源載入器和旋轉器庫。
11.動畫
AnimatiSS 是一個預覽自訂 CSS 動畫的工具，只需單擊即可取得其程式碼，將其貼到您自己的 Web 專案中。
12.Granim.js
使用這個小型 JavaScript 庫建立流暢且互動式的漸層動畫。
13. tsParticles
輕鬆建立高度可自訂的粒子、五彩紙屑和煙火動畫，並將它們用作網站的動畫背景。
14.Vanta.js
只需幾行程式碼即可製作動畫網站背景。
15.圖像懸停.css
精心製作的 CSS 庫，可讓您輕鬆實現可縮放的圖片懸停效果。
16.移動信件
使用 JavaScript 和 Anime.js 的文字動畫集合
17.史詩旋轉器
易於使用的 CSS spinners 集合，與 Vue.js 集成
18.SpinKit
使用 CSS 製作動畫的簡單載入旋轉器。
19.粒子.js
用於建立粒子的輕量級 JavaScript 庫
20.CSS搖動
易於使用的類別將為您網站的每個部分加入不同類型的震動。
原文出處：https://dev.to/hosseinyazdi/20-super-useful-css-animation-libraries-59pc
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式