我們不會討論使用CSS動畫的好處,我們也不會談論是否JS動畫比css動畫更快在這篇文章里。
我們要做的是與您共享一個工具、框架和教程的集合,這將有助于緩解您的CSS動畫學習困難,并幫助您節省一些時間。
您可能還喜歡以下工具箱:CSS Flexbox, SVG工作流工具, 導標工具,或CSS格式工具.
阿米尼斯塔是一個地方,你可以玩一組預先制作的css動畫,調整它們,只得到那些你將實際使用。
Animate.css是可以在滑塊、主頁和其他web項目中使用的跨瀏覽器css動畫的集合。
斯蒂是一個基于web的CSS 3動畫工具,您可以使用它來配置和生成您自己的動畫集。
Animo.js是管理CSS動畫的強大工具。您可以輕松地堆疊動畫來一個接一個地觸發,為動畫的完成指定回調,或者簡單地在任何事件上或者在您喜歡的任何時候啟動動畫。
輕量級(gzip時只有5k)阿尼瑪讓您在同一時間動畫多個物體,每個項目可以有它的質量和粘度,以模仿現實生活的對象。它使用CSS轉換和3D轉換與Javascript一起創建動畫。
生動活潑是一個新的免費CSS動畫庫。
火箭是一個創建網絡動畫的簡單工具。
動畫加法是一個JavaScript庫,它幫助您動畫CSS屬性和SVG屬性。
動畫只是-補充網絡動畫
Obnoxious.CSS-為堅強的心靈和軟弱的心靈而作的動畫。
星期二是一個“古怪的CSS動畫庫”。
Css是一個簡單的響應框架,用于構建定時的、包含CSS動畫的框架。
運動UI是一個Sass庫,用于創建靈活的CSS轉換和動畫。
CSS抖動是一個CSS類的集合,它將振動和震動‘DOM’。
魔術動畫是一個CSS 3特效動畫的小型庫。
Hover.css為按鈕選擇CSS 3動畫懸停效果。
藏紅花是一個由簡單CSS 3動畫和轉換組成的Sass混音庫。
CSSynth是一個基于web的小應用程序,用于按順序運行動畫。
凱瑟是一個簡單的CSS放松動畫工具,您可以很容易地使用在您的項目。