為前端工作者準備的幾個炫彩的js動畫庫

Animo.js

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

Move.js

主要做些移動之類的動畫

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

Collie

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

Minified.js

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

Rekapi

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

Snap.svg

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

Favico

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

Textillate.js

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

Firmin

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

AliceJS

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

SVG.js

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

Motio

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

Anima.js

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

總結

以上是生活随笔為你收集整理的为前端工作者准备的几个炫彩的js动画库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。