創建酷炫動畫效果的10個JavaScript庫
方法/步驟
Dynamics.js是設計基於物理規律的動畫的重要JavaScript庫。它可以賦予生命給所有包含CSS 和SVG屬性的DOM（文本對象模型）元素，換句話說，Dynamics.js適用於所有JavaScript對象以及一系列其它的元素。目前，Dynamics.js常被用於設計交互式菜單欄、同步下拉菜單、加載器、按鈕以及其它功能。這個庫提供了可定製動畫類型的各種基本選項，如頻率、反彈力、旋轉、摩擦、持續時間等等。
Cta.js 是用於在網頁上創建動畫元素“Action-to-Effect”路徑的輕量級庫。它常被用在tile-based應用程序的導航、模態窗口的打開、側邊欄上可點擊的按鈕等等。
Beep.js是一個通過使用WebAudio API創建基於網頁的電子合成器的JavaScript庫。它可以用於創建音樂或者設計和音樂相關的學習教程。
Rainyday.js是一個使用HTML5 canvas創建雨滴落在玻璃表面的出色效果的強大JavaScript庫。它擁有一個集成了各種可自定義實現的動畫組件的可擴展應用程序接口。
Iconate.js是一個可將設計圖標轉化為流行動畫元素的偉大資源。它擁有大量可供選擇的字體、字形圖標以及自定義圖標集。
Dom-Animator.js是一個在DOM（文本對象模型）中可顯示內容節點裡ASCII動畫的JavaScript庫。
Famous 是用於設計流行動畫的強大JavaScript庫，它包含的基於事件的系統（event-based system）使得渲染平滑動畫和過渡特效這類的更新轉換工作變得非常簡單。Famous還有一個可創建自定義動畫和動畫仿真的3D物理引擎，你可以做出包含在不同的重力、拖放和碰撞下的粒子或者3D物體的狀態。
Bounce.js 是一個在CSS 3的支持下能做出各種酷炫動畫的JavaScript庫。你可以設計不同的動畫和運動效果，如自轉、公轉、來回運動、急加速等。
Snabbt.js是一個使用CSS3轉換矩陣的輕量級JavaScript動畫庫。它的結構非常簡單，支持各種過渡和運動效果的應用，如縮放、尺寸調整、扭曲、旋轉等等。Snabbt.js還支持attention animation功能，這個功能在表單驗證方面是非常有用的。
Rekapi是用於CSS動畫關鍵幀動畫以及DOM中JavaScript動畫的高級avaScript庫。在複雜動畫的設計方面，Rekapi以其實用性被人們廣為熟知。您可以使用Rekapi創建生動的餅圖和曲線圖、五彩紙屑、交互性時間線以及各種用戶界面。
