轉(zhuǎn)帖|行業(yè)資訊|編輯:我只采一朵|2014-04-11 11:21:02.000|閱讀 699 次
概述: 本文推薦了10個(gè)精美的JavaScript動(dòng)畫框架,幫助你構(gòu)建無與倫比的動(dòng)態(tài)交互界面。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
JavaScript在實(shí)現(xiàn)動(dòng)畫效果方面具有得天獨(dú)厚的優(yōu)勢(shì),它能輕松解決易用性和兼容性的問題,下面我為大家推薦10個(gè)精美的JavaScript動(dòng)畫框架,幫助你構(gòu)建無與倫比的動(dòng)態(tài)交互界面。
1.
TweenJS 是一個(gè)簡單的 JavaScript 補(bǔ)間動(dòng)畫庫。能夠很好的和 EaselJS 庫集成,但也不依賴或特定于它。它支持漸變的數(shù)字對(duì)象屬性和 CSS 樣式屬性。API 簡單但非常強(qiáng)大,因此很容易通過鏈?zhǔn)秸{(diào)用來創(chuàng)建復(fù)雜的補(bǔ)間動(dòng)畫。
2.
jsAnim 這個(gè)庫比較小眾一點(diǎn),可以為你的網(wǎng)站添加動(dòng)畫效果,大小為25KB 左右。
3.
SVG 是一個(gè)創(chuàng)建交互式、分辨率無關(guān)的向量圖形的很好的解決方案,讓效果在任何大小的屏幕上看起來都是高保真的。Snap. svg 是專為現(xiàn)代瀏覽器設(shè)計(jì)的,支持最新的 SVG 遮罩,剪裁,模式,完整的漸變,分組等功能。
4.
Move.js 是一個(gè)小的 JavaScript 庫,用于以非常簡單和優(yōu)雅的方式支持 CSS3 動(dòng)畫。
5.
Animo.js 是一個(gè)用于管理 管理 CSS 動(dòng)畫的小工具。它的功能包括:堆棧動(dòng)畫,創(chuàng)建跨瀏覽器的模糊效果,設(shè)置動(dòng)畫完成的回調(diào)等。
6.
Textillate.js 是一個(gè)簡單的 CSS3 文本動(dòng)畫插件。Textillate.js 結(jié)合了一些很棒的庫,提供一個(gè)易于使用的插件,能夠?qū)?CSS3 動(dòng)畫應(yīng)用到任何文本。
7.
想給你的網(wǎng)站添加徽章、圖片甚至視頻作為圖標(biāo)嗎?Favico.js 可以幫你實(shí)現(xiàn),它能夠輕松添加動(dòng)畫效果的網(wǎng)站徽章。
8.
Rekapi 是一個(gè)基于 JavaScript 的關(guān)鍵幀動(dòng)畫庫。它為您提供了一個(gè) API,用于定義基于幀的動(dòng)畫和控制動(dòng)畫的播放。
9.
Collie 是一個(gè) Javascript 庫,可以使用 HTML5 創(chuàng)建高度優(yōu)化的動(dòng)畫和游戲。它在 PC 和移動(dòng)端都能使用,使用 HTML5 Canvas 和 DOM 實(shí)現(xiàn)。Collie 能穩(wěn)定使用渲染管道和處理多個(gè)對(duì)象支持的有用特性包括精靈動(dòng)畫和用戶事件。
10.
Minified.js 是一個(gè)客戶端 JavaScript 庫,很輕量(<8kb),功能齊全。它提供了類似 jQuery 的特性(DOM操作、動(dòng)畫、事件、HTTP請(qǐng)求等)和工具函數(shù)(集合,日期格式化、日期計(jì)算、模板等)與一個(gè)簡單的、一致的API。
轉(zhuǎn)自博客園
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件