原創(chuàng)|行業(yè)資訊|編輯:龔雪|2015-12-03 09:09:47.000|閱讀 399 次
概述:隨著JavaScript技術(shù)的不斷發(fā)展,它的動(dòng)畫庫也如雨后春筍般層出不窮。本文介紹一些實(shí)用的JavaScript動(dòng)畫庫,希望它們能幫助你創(chuàng)建出令人著迷的用戶體驗(yàn)!
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
隨著JavaScript技術(shù)的不斷發(fā)展,它的動(dòng)畫庫也如雨后春筍般層出不窮。本文介紹一些實(shí)用的JavaScript動(dòng)畫庫,希望它們能幫助你創(chuàng)建出令人著迷的用戶體驗(yàn)!
Bounce.js是一個(gè)用于制作漂亮的CSS3關(guān)鍵幀動(dòng)畫的JavaScript庫,使用其特有的方式生成的動(dòng)畫效果。只需添加一個(gè)組件,選擇預(yù)設(shè),然后你就可以得到一個(gè)短網(wǎng)址或者導(dǎo)出為CSS代碼。
Snabbt.js是一個(gè)簡約快速的JavaScript動(dòng)畫庫。它側(cè)重圍繞元素進(jìn)行移動(dòng),能夠平移、旋轉(zhuǎn)、縮放和調(diào)整元素。通過矩陣乘法操作,轉(zhuǎn)換可以以任何你想要的方式進(jìn)行組合。最終,將通過CSS3轉(zhuǎn)換矩陣呈現(xiàn)頁面結(jié)果。
Rekapi是一款JavaScript關(guān)鍵幀動(dòng)畫庫。它提供了一套API讓你可以定義關(guān)鍵幀動(dòng)畫并控制動(dòng)畫播放。Rekapi并未指定渲染行為。事實(shí)上,Rekapi的內(nèi)核并未執(zhí)行任何渲染操作。它提供了一個(gè)API來定義渲染器,標(biāo)準(zhǔn)的發(fā)行包包括HTML DOM和HTML5 2D Canvas渲染器模塊。
Shifty是建立在JavaScript里一個(gè)漸變動(dòng)畫引擎,目的是適應(yīng)任何數(shù)量的漸變動(dòng)畫的需求。
Tween.js是一款可生成平滑動(dòng)畫效果的js動(dòng)畫庫。Tween.js允許你以平滑的方式修改元素的屬性值。它可以通過設(shè)置生成各種類似CSS3的動(dòng)畫效果。
Velocity.js是velocity模板語法的javascript實(shí)現(xiàn)。Velocity模板適用于大量模板使用的場景,支持復(fù)雜的邏輯運(yùn)算,包含基本數(shù)據(jù)類型、變量賦值和函數(shù)等功能。Velocity.js支持Node.js和瀏覽器環(huán)境。
Move.js是一款簡單小巧的模擬CSS3動(dòng)畫的js插件。該插件可以完成CSS3的各種動(dòng)畫效果:移動(dòng)、變形、傾斜、背景色漸變、旋轉(zhuǎn)等,并且可以在動(dòng)畫中使用各種easing效果。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)