為開發者準備的 15 個最棒的 JavaScript 動畫庫

jopen 11年前發布 | 137K 次閱讀 JavaScript開發工具包 JavaScript

jQuery給各種效果帶來了無限的可能性,他有著簡單的、啟發性的API,你可以利用它創建你能想到的、甚至你想象不到的效果(有賴于你的創造力和想象力)。

富有創造力的jQuery使用可以為網頁設計帶來豐富的動畫效果,增強用戶的視覺體驗——顯然,繼續創建吸引人的網頁特效可以為你創造更多的回頭客,這些魔幻般的效果在以往只能用Flash實現。

這一次,我們想向你介紹一些jQuery動畫方面的創新使用,讓你的工程、網站和應用收益。


1. Tween JS

為開發者準備的 15 個最棒的 JavaScript 動畫庫

TweenJS 是一個簡單的 Javascript 補間動畫庫。開發初衷是可以很好的集成 EaselJS 庫,但又不依賴于或者限定于它。它支持根據數值對象的屬性和 CSS 樣式的屬性進行補間動畫。API 簡單而強大,可以很容易的通過鏈接命令構造復雜的補間動畫。

Tween JS 

2. Jsanim

為開發者準備的 15 個最棒的 JavaScript 動畫庫

jsAnim 是為網站所用的動畫庫,效果平庸,實現笨拙粗劣,犧牲了標準與親和力,大小以至于達到龐大的 25k 字節。

Jsanim 

3. Animo.js

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Animo.js 是個小巧但強大的管理 CSS 動畫的工具。它的特點有:疊加動畫,創建跨瀏覽器的模糊效果,動畫完成后可執行回調函數。

Animo.js 

4. Move.js

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Move.js 是一個小巧的JavaScript庫,能使利用CSS3支持的動畫變得非常簡單和優雅。

Move.js 

5. Collie

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Collie 是一個有助于使用 HTML5 創造高度優化的動畫和游戲的JavaScript庫。它可以運行在能夠使用HTML5畫布和DOM的PC和手機上。它可以穩定地處理使用渲染管線的多個對 象,支持包括精靈動畫和用戶事件等的有用功能。能夠穩定支持iOS和Android,并為每個平臺以優化的方法呈現。也很容易對視網膜顯示器提供反應。

Collie 

6. Minified.js

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Minified.js是一個體積小(<8kB)功能強的客戶端JavaScript庫。它提供了類似于jQuery的功能(DOM操作、動畫、時間、HTTP請求) 和其他功能(集合、日期&數字格式化、日期計算、模板),并有著簡單明了的API。

Minified.js 

7. Rekapi

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Rekapi是一款JavaScript關鍵幀動畫庫。它提供了一套API讓你可以定義關鍵幀動畫并控制動畫播放。Rekapi并未指定渲染行為。 事實上,Rekapi的內核并為執行任何渲染操作。它提供了一個API來定義渲染器,標準的發行包包括HTML DOM和HTML5 2D Canvas渲染器模塊。

Rekapi 

8. Snap.svg

為開發者準備的 15 個最棒的 JavaScript 動畫庫

SVG是建立互動的一個很好的方式,獨立于分辨率的矢量圖形會在任何屏幕看起來都很棒。Snap.svg 這個JavaScript庫,使你的SVG資源使用起來就象用jQuery操作DOM一樣容易。Snap.svg專為現代瀏覽器設計,因此支持最新的 SVG特性,如遮蔽,裁剪,模式,完整的梯度,分組,和更多。

Snap.svg 

9. Favico

為開發者準備的 15 個最棒的 JavaScript 動畫庫

想給你的網站圖標 favicon 添加徽章、圖片,甚至是視頻嗎? Favico.js可以簡單地為你的 favicon 圖標添加動畫的徽章,或從一個圖像(視頻,甚至是從你的網站的訪問者的網絡攝像頭)飛快地創建 favicon。

Favico 

10. Textillate.js

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Textillate.js 是一個針對 CSS3 文本動畫的簡單插件。它融合了一些很棒的庫,成為一個易用的對任意文本應用CSS3動畫的插件。

Textillate.js 

11. Firmin

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Firmin 是一個 JavaScript 動畫庫,它使用 CSS 的轉換和過渡功能來創造光滑的、帶有硬件加速的動畫的

Firmin 

12. AliceJS

為開發者準備的 15 個最棒的 JavaScript 動畫庫

AliceJS – (一個輕量級的獨立CSS引擎)是一個微型的JavaScript庫,集中在使用硬件加速的能力(特別是CSS3特性)在現代瀏覽器中生成高端大氣上檔次的視覺效果。

Alice.js 

13. SVG.js

為開發者準備的 15 個最棒的 JavaScript 動畫庫

SVG.js 是一個輕量級SVG動畫和操作Javascript庫. 它有簡單整潔的語法,壓縮后只有7K的大小,并且它有豐富的有用的插件,等等。

SVG.js 

14. Motio

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Motio 是一個輕量的用于制作簡單但功能強大的基于動畫和平移畫面的Javascript庫,它獲取一個元素,然后改變背景的位置來創建動畫效果。Motio 不依賴于任何插件,但是有一個可選的Motion JQuery插件。

Motio 

15. Anima.js

為開發者準備的 15 個最棒的 JavaScript 動畫庫

Anima.js 可以簡化在同一時刻使得成百上千的元素具有動畫效果的工作. 并且可以更好的控制你的動畫, 甚至可以只創建CSS動畫 (盡管這只提供少量的控制器,并且這一特性目前還處于實驗階段).

Anima.js

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!