幾種 JavaScript 動畫庫推薦

發表於2017-08-30

簡評:JavaScript 庫對設計師和開發人員來說,都是非常有用的工具。它們可以為你的網站新增一些超級強大的功能,給使用者帶來更好的體驗。

1. AniJS.js

基於 CSS3 的動畫庫

幾種 JavaScript 動畫庫推薦

2. Velocity.js

Velocity 是一個簡單易用、高效能、功能豐富的輕量級 JS 動畫庫。它能和 jQuery 完美協作,並和 $.animate() 有相同的 API, 但它不依賴 jQuery,可單獨使用

幾種 JavaScript 動畫庫推薦

3. vivus.js

Vivus 是一款可以執行 SVG 路徑動畫的輕量級 Javascript 庫

幾種 JavaScript 動畫庫推薦

4. snabbt.js

snabbt.js 是一款輕量級的、功能強大的、簡單易用的 jQuery 動畫庫外掛

幾種 JavaScript 動畫庫推薦

檢視 demo:

5. PACE.js

網頁自動載入進度條外掛

幾種 JavaScript 動畫庫推薦

6. Popmotion.js

Popmotion 是一個只有 12KB 的 JavaScript 運動引擎,可以用來實現動畫,物理效果和輸入跟蹤

幾種 JavaScript 動畫庫推薦

7. Bounce.js

Bounce.js 是一個漂亮的關鍵幀動畫生成工具和類庫,基於 CSS3 實現

幾種 JavaScript 動畫庫推薦

8. Dynamics.js

Dynamics.js 是一款可以建立物理運動動畫效果的 js 庫外掛

幾種 JavaScript 動畫庫推薦

9. mo.js

挺有趣的一個動畫的圖形庫 mo.js,頁面效果真是酷炫

幾種 JavaScript 動畫庫推薦

10. cta.js

一款輕量級 Modal 模態框外掛

幾種 JavaScript 動畫庫推薦

11. Rocket

幾種 JavaScript 動畫庫推薦

12. html5tooltips.js

html5tooltips.js 是一個輕量級和簡潔的 Tooltips。採用純 JavaScript 開發,擁有 CSS 動畫,不依賴任何框架

幾種 JavaScript 動畫庫推薦

13. ScrollReveal.js

ScrollReveal.js 用於建立和管理元素進入可視區域時的動畫效果,幫助你的網站增加吸引力

幾種 JavaScript 動畫庫推薦

14. WOW.js

WOW.js 是一款幫助你實現滾動頁面時觸發 CSS 動畫效果的外掛

幾種 JavaScript 動畫庫推薦

15. Transit

幾種 JavaScript 動畫庫推薦

16. parallax.js

Parallax.js 是一款功能非常強大的 JavaScript 視覺差特效引擎外掛。通過這個視覺差外掛可以製作出非常炫酷的視覺差特效,可以檢測智慧裝置的方向。

幾種 JavaScript 動畫庫推薦

17. CreateJS

CreateJS 庫是一款 HTML5 遊戲開發的引擎,是一套可以構建豐富互動體驗的 HTML5 遊戲的開源工具包

幾種 JavaScript 動畫庫推薦

工欲善其事,必先利其器,好好利用它們!

相關文章