現(xiàn)在市面上有一大批HTML5頁面模板制作工具，雖然方便了很多非專業(yè)設(shè)計(jì)師制作HTML5頁面。但是不得不吐槽的是，很多模板工具平臺(tái)上的作品大部分還停留在左飛入右飛出的初級(jí)境界，想感受真正精妙的高級(jí)特效，這10個(gè)專業(yè)人士的作品不得不看咯。

　　本文來自優(yōu)設(shè)合作媒體 數(shù)英網(wǎng)。

　　1. 粒子特效

　　星際傳奇：這是探索宇宙的門票

　　百度百科：為模擬現(xiàn)實(shí)中的水、火、霧、氣等效果由各種三維軟件開發(fā)的制作模塊，原理是將無數(shù)的單個(gè)粒子組合使其呈現(xiàn)出固定形態(tài)，借由控制器，腳本來控制其整體或單個(gè)的運(yùn)動(dòng)，模擬出現(xiàn)真實(shí)的效果。

　　2. SVG路徑動(dòng)畫

　　元小望：SVG練習(xí)NO.1_描述孤獨(dú)

　　簡而言之，就是讓SVG的描邊像是有人繪制一樣的動(dòng)畫效果。動(dòng)畫輕巧不失真，特別適合那些崇尚簡約設(shè)計(jì)風(fēng)格的網(wǎng)頁。

　　3. 序列幀動(dòng)畫

　　大眾點(diǎn)評(píng)：我們之間只有一個(gè)字

　　百度百科：序列幀動(dòng)畫是只在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容，使其連續(xù)播放而成動(dòng)畫。 因?yàn)橹饚瑒?dòng)畫的幀序列內(nèi)容不一樣，不但給制作增加了負(fù)擔(dān)而且最終輸出的文件量也很大，但它的優(yōu)勢也很明顯：逐幀動(dòng)畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，而它類似與電影的播放模式，很適合于表演細(xì)膩的動(dòng)畫。例如：人物或動(dòng)物急劇轉(zhuǎn)身、頭發(fā)及衣服的飄動(dòng)、走路、說話以及精致的3D效果等等。

　　4. 全線性動(dòng)畫

　　騰訊UP大會(huì)：生命之下，想象之上

　　全線性動(dòng)畫可以理解為動(dòng)畫連續(xù)，幾乎不間斷播放，像視頻一樣流暢細(xì)膩。

　　這支HTML5頁面打破了傳統(tǒng)幻燈片式的呈現(xiàn)方式，塑造出了一種寬廣、素雅、幽靜的整體感受，該作品也被很多人推崇為HTML5里的動(dòng)畫片。

　　5. Cinemagraphic

　　Levi’s: “換”醒你的夏天

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。