如今，在網站中嵌入動畫已成為一個熱門的設計趨勢，許多公司都已開始轉向并擁抱HTML5、CSS3和JavaScript這個技術“三人組”。盡管這些技術還不能制作一些非常復雜的動畫，但是如果擁有好的想法以及優秀的類庫，使用它們制作一些優質的動畫也不是不可能。

隨著JavaScript技術的不斷發展，它的動畫庫也如雨后春筍般層出不窮。本文介紹一些實用的JavaScript動畫庫，希望它們能幫助你創建出令人著迷的用戶體驗！

1)

Dynamics.js是一款可以創建物理運動動畫效果的js庫插件。你可以使用它來制作任何DOM元素的CSS屬性動畫，也可以制作SVG屬性動畫和任何JAVASCRIPT對象動畫。

2)

Cta.js是一款輕量級的Modal模態框插件，這是一款無需使用jQuery插件，純Js編寫的模態框彈出特效。此外，它還有一個特色就是擁有視覺連續動畫。

3)

Beep.js是一款使用WebAudio API基于瀏覽器的JavaScript工具包，用來開發聲音合成應用。你可以使用它來做一個電子琴。

4)

Rainyday.js是一個輕量的JavaScript庫，它利用HTML5 Canvas實現雨滴下落在玻璃表面的動畫效果。Rainyday.js盡可能的模擬現實的雨滴效果，幾乎可以以假亂真了。

5)

Iconate.js是一款能跨瀏覽器的圖標動態化的高性能的庫。

6)

Dom-Animator.js是一個極好的JavaScript庫，用來在頁面的DOM注釋中顯示小的ASCII動畫。它是一個獨立的庫，不依賴jQuery或者其它庫，所以使用是非常簡單的。您不需要任何CSS或HTML，只是JavaScript而已。

7)

Famous是一個設計現代動畫的強大JavaScript庫。它的事件基于系統更新，轉換更加容易，從而使動畫更加流暢。

本文翻譯至轉載請注明本文轉載自慧都控件網！