10個最好的 JavaScript 動畫庫和開發框架
雖然 CSS3 動畫功能能夠讓我們以簡單輕鬆的方式實現動畫效果,但是瀏覽器相容性問題讓人頭疼。不過不用擔心,我們還有另外的武器——JavaScript,它同樣可以幫助你實現各種各樣的動畫效果,而且藉助已有的動畫庫和框架,也能夠讓你快速開發。
這篇文章挑選了個人認為最好的15個 JavaScript 動畫庫和開發框架,相信其中一定會有一款是適合你的。
1. Tween JS
TweenJS 是一個簡單的 JavaScript 補間動畫庫。能夠很好的和 EaselJS 庫整合,但也不依賴或特定於它。它支援漸變的數字物件屬性和 CSS 樣式屬性。API 簡單但非常強大,因此很容易通過鏈式呼叫來建立複雜的補間動畫。
2. Snap.svg
SVG 是一個建立互動式、解析度無關的向量圖形的很好的解決方案,讓效果在任何大小的螢幕上看起來都是高保真的。Snap.svg 這個 JavaScript 庫處理 SVG 就如你用 jQuery 操作 DOM 一樣簡單。Snap.svg 是專為現代瀏覽器設計的,支援最新的 SVG 遮罩,剪裁,模式,完整的漸變,分組等功能。
3. Animo.js
Animo.js 是一個用於管理 管理 CSS 動畫的小工具。它的功能包括:堆疊動畫,建立跨瀏覽器的模糊效果,設定動畫完成的回撥等。
4. Move.js
Move.js 是一個小的 JavaScript 庫,用於以非常簡單和優雅的方式支援 CSS3 動畫。
5. Collie
Collie 是一個 Javascript 庫,可以使用 HTML5 建立高度優化的動畫和遊戲。它在 PC 和移動端都能使用,使用 HTML5 Canvas 和 DOM 實現。Collie 能穩定使用渲染管道和處理多個物件支援的有用特性包括精靈動畫和使用者事件。
6. Minified.js
Minified.js 是一個客戶端 JavaScript 庫,很輕量(<8kb),功能齊全。它提供了類似 jQuery 的特性(DOM操作、動畫、事件、HTTP請求等)和工具函式(集合,日期格式化、日期計算、模板等)與一個簡單的、一致的API。
7. Rekapi
Rekapi 是一個基於 JavaScript 的關鍵幀動畫庫。它為您提供了一個 API,用於定義基於幀的動畫和控制動畫的播放。
8. Jsanim
jsAnim 這個庫比較小眾一點,可以為你的網站新增動畫效果,大小為25KB 左右。
9. Favico
想給你的網站新增徽章、圖片甚至視訊作為圖示嗎?Favico.js 可以幫你實現,它能夠輕鬆新增動畫效果的網站徽章。
10. Textillate.js
Textillate.js 是一個簡單的 CSS3 文字動畫外掛。Textillate.js 結合了一些很棒的庫,提供一個易於使用的外掛,能夠將 CSS3 動畫應用到任何文字。
相關文章
- 11 個最好的 JavaScript 動態效果庫JavaScript
- 2019年10個最受歡迎的JavaScript動畫庫!JavaScript動畫
- 最好的 3 個開源 JavaScript 圖表庫JavaScript
- 10個最佳的人工智慧開發框架和AI庫人工智慧框架AI
- Web前端開發最好用的幾個WebGL框架Web前端框架
- 10個最好的React UI庫 - SimonReactUI
- 2018年值得期待11個Javascript動畫庫JavaScript動畫
- 如何在 duxapp 中開發一個相容 RN 的動畫庫UXAPP動畫
- 【JavaScript框架封裝】實現一個類似於JQuery的動畫框架的封裝JavaScript框架封裝jQuery動畫
- 使用Javascript 開發個JSON解析庫JavaScriptJSON
- 10個讓你相見恨晚的iOS Swift動畫框架!iOSSwift動畫框架
- 2018年,10個最好用的Python整合開發環境(IDE)Python開發環境IDE
- [分享] 最流行的 10 個 JavaScript 庫JavaScript
- 提升開發技能:10個高階的JavaScript技巧JavaScript
- 15個最好的Web開發IDE - vijayWebIDE
- 力薦 35 個最好用的 Vue 開源庫!Vue
- 2021年五大JavaScript動畫庫 - DEVJavaScript動畫dev
- 【SJSB】android-javascript開發框架JSAndroidJavaScript框架
- Javascript動畫(一)JavaScript動畫
- Meteor:全棧JavaScript開發框架的先驅全棧JavaScript框架
- 對2個網頁幀動畫框架的調研網頁動畫框架
- 一個Wpf的開發框架框架
- 四個基本的JavaScript函式來馴服CSS3過渡和動畫(JavaScript函式CSSS3動畫
- PPT 分享:《10 個 Go Web 開發框架對比》GoWeb框架
- 5 個頂級的 JavaScript Ajax 元件和庫JavaScript元件
- 【譯】用 JavaScript 和 Emoji 做位址列動畫JavaScript動畫
- JavaScript簡單的動畫效果JavaScript動畫
- 最好的 Go 框架:沒有框架?Go框架
- 微信小程式開發框架和工具庫推薦微信小程式框架
- 求一個開源的自動化測試平臺 最好是 vue+python 開發的VuePython
- JavaScript運動框架JavaScript框架
- 推薦15個 JavaScript 和 CSS 庫JavaScriptCSS
- Flutter 掌握動畫開發Flutter動畫
- JavaScript動畫方式控制div元素的隱藏和顯示JavaScript動畫
- 大話 JavaScript 動畫JavaScript動畫
- JavaScript框架的四個時代JavaScript框架
- 為什麼 Web 開發人員需要學習一個 JavaScript 框架?WebJavaScript框架
- win10開機動畫怎麼設定_win10自定義開機動畫Win10動畫
- 前端開發必看的幾個開源框架!前端框架