25免費CSS動畫工具和框架

我們不會討論使用CSS動畫的好處，我們也不會談論是否JS動畫比css動畫更快在這篇文章里。

我們要做的是與您共享一個工具、框架和教程的集合，這將有助于緩解您的CSS動畫學習困難，并幫助您節省一些時間。

您可能還喜歡以下工具箱：CSS Flexbox, SVG工作流工具, 導標工具，或CSS格式工具.

阿米尼斯塔

阿米尼斯塔是一個地方，你可以玩一組預先制作的css動畫，調整它們，只得到那些你將實際使用。

Animate.css

Animate.css是可以在滑塊、主頁和其他web項目中使用的跨瀏覽器css動畫的集合。

斯蒂

斯蒂是一個基于web的CSS 3動畫工具，您可以使用它來配置和生成您自己的動畫集。

Animo.js

Animo.js是管理CSS動畫的強大工具。您可以輕松地堆疊動畫來一個接一個地觸發，為動畫的完成指定回調，或者簡單地在任何事件上或者在您喜歡的任何時候啟動動畫。

阿尼瑪

輕量級(gzip時只有5k)阿尼瑪讓您在同一時間動畫多個物體，每個項目可以有它的質量和粘度，以模仿現實生活的對象。它使用CSS轉換和3D轉換與Javascript一起創建動畫。

生動活潑

生動活潑是一個新的免費CSS動畫庫。

火箭

火箭是一個創建網絡動畫的簡單工具。

動畫加法

動畫加法是一個JavaScript庫，它幫助您動畫CSS屬性和SVG屬性。

動畫

動畫只是-補充網絡動畫

Obnoxious.CSS

Obnoxious.CSS-為堅強的心靈和軟弱的心靈而作的動畫。

星期二

星期二是一個“古怪的CSS動畫庫”。

Shift.css

Css是一個簡單的響應框架，用于構建定時的、包含CSS動畫的框架。

運動UI

運動UI是一個Sass庫，用于創建靈活的CSS轉換和動畫。

CSS抖動

CSS抖動是一個CSS類的集合，它將振動和震動‘DOM’。

魔術動畫

魔術動畫是一個CSS 3特效動畫的小型庫。

Hover.css

Hover.css為按鈕選擇CSS 3動畫懸停效果。

藏紅花

藏紅花是一個由簡單CSS 3動畫和轉換組成的Sass混音庫。

CSSynth

CSSynth是一個基于web的小應用程序，用于按順序運行動畫。

凱瑟

凱瑟是一個簡單的CSS放松動畫工具，您可以很容易地使用在您的項目。