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

　　本文來自優設合作媒體 數英網。

　　1. 粒子特效

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

　　百度百科：為模擬現實中的水、火、霧、氣等效果由各種三維軟件開發的制作模塊，原理是將無數的單個粒子組合使其呈現出固定形態，借由控制器，腳本來控制其整體或單個的運動，模擬出現真實的效果。

　　2. SVG路徑動畫

　　元小望：SVG練習NO.1_描述孤獨

　　簡而言之，就是讓SVG的描邊像是有人繪制一樣的動畫效果。動畫輕巧不失真，特別適合那些崇尚簡約設計風格的網頁。

　　3. 序列幀動畫

　　大眾點評：我們之間只有一個字

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

　　4. 全線性動畫

　　騰訊UP大會：生命之下，想象之上

　　全線性動畫可以理解為動畫連續，幾乎不間斷播放，像視頻一樣流暢細膩。

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

　　5. Cinemagraphic

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

　　什么是Cinemegraphic?如果你不知道，就有點OUT了。顧名思義，Cinema是電影攝影，Graph是圖片，Cinemagraphic是一項將神奇的局部運動賦予靜態照片的新技術。

　　其中Cinemagraphic的應用恰到好處地了詮釋了“自然風”的概念，只見畫面上，人物的頭發和衣角飛舞著，仿佛吹拂著一陣陣自然風，在炎炎夏日，他們依舊感受著清爽，盡情玩耍。作為互動者的人們，當看到畫面上被風拂過的Cinemagraphic動態場景，他們也身臨其境地感受到自然風所能帶來的這種清爽感受。

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。