自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

為開發(fā)者準(zhǔn)備的15個最棒的JavaScript動畫庫

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

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

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

這一次,我們想向你介紹一些jQuery動畫方面的創(chuàng)新使用,讓你的工程、網(wǎng)站和應(yīng)用收益。

祝你愉快!

 1. Tween JS

tweenjs

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

Tween JS

2. Jsanim

jsAnim

jsAnim 是為網(wǎng)站所用的動畫庫,效果平庸,實現(xiàn)笨拙粗劣,犧牲了標(biāo)準(zhǔn)與親和力,大小以至于達(dá)到龐大的 25k 字節(jié)。

Jsanim

3. Animo.js

animojs

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

Animo.js

4. Move.js

movejs

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

Move.js

5. Collie

collie

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

Collie

#p#

6. Minified.js

minified

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

Minified.js

7. Rekapi

rekapi

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

Rekapi

8. Snap.svg

snapsvg

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

Snap.svg

9. Favico

favico

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

Favico

10. Textillate.js

textilliate

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

Textillate.js

#p#

11. Firmin

firmin

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

Firmin

12. AliceJS

alicejs

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

Alice.js

13. SVG.js

svg

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

SVG.js

14. Motio

Motio

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

Motio

15. Anima.js

animajs

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

Anima.js

原文鏈接:http://codegeekz.com/15-best-javascript-animation-libraries-for-developers/

譯文鏈接:http://www.oschina.net/translate/15-best-javascript-animation-libraries-for-developers

責(zé)任編輯:陳四芳 來源: 開源中國編譯
相關(guān)推薦

2014-12-09 14:00:58

JavaScript

2014-12-10 09:32:30

JavaScript插件

2022-10-09 18:52:11

JavaScript開發(fā)數(shù)組

2014-07-21 10:00:37

框架HTML5框架模板

2015-06-19 11:08:05

JavaScript圖表庫

2019-11-18 08:41:09

JavaScript編程語言瀏覽器

2013-10-24 09:50:12

開發(fā)者框架

2014-02-01 21:31:10

JavaScriptJS框架

2011-04-18 12:55:04

JavaScript開發(fā)者

2013-09-12 09:49:36

PHP調(diào)試工具PHP調(diào)試工具

2014-06-16 15:35:29

設(shè)計師JavaScript資

2022-09-15 17:08:20

JavaScripWeb開發(fā)

2021-10-11 08:20:30

Javascript 高階函數(shù)前端

2021-05-10 10:01:04

JavaScript開發(fā)技巧

2019-07-18 10:14:32

前端Javascript圖表庫

2014-02-12 10:46:00

WebJavaScript音頻庫

2014-06-20 09:29:19

jQueryBootstrap

2015-12-21 11:51:43

JavaScript開發(fā)者調(diào)查

2013-09-12 15:02:54

iOS開發(fā)者

2015-03-25 11:12:35

iOS開發(fā)
點贊
收藏

51CTO技術(shù)棧公眾號