這里精選了一組很酷的 HTML5 效果。HTML5 是現 Web 開發領域的熱點， 擁有很多讓人期待已久的新特性，特別是在移動端，Web 開發人員可以借助 HTML5 強大功能輕松制作各種交互性強、效果豐富的Web 應用。

　　這里精選了一組很酷的 HTML5 效果。HTML5 是現 Web 開發領域的熱點， 擁有很多讓人期待已久的新特性，特別是在移動端，Web 開發人員可以借助 HTML5 強大功能輕松制作各種交互性強、效果豐富的Web 應用。

超炫 HTML5 粒子效果進度條

　　我喜歡粒子效果作品，特別是那些能夠應用于實際的，例如這個由 Jack Rugile 基于 HTML5 Cavnas 編寫的進度條效果。看著這么炫的 Loading 效果，即使讓我多等一會也無妨：）

源碼下載      在線演示

 

HTML5 Canvas 模擬可撕裂布料效果

　　這是一個模擬可撕裂布料效果的 HTML5 Canvas 應用演示，效果逼真。你會看到，借助 Canvas 的強大繪圖和動畫功能，只需很少的代碼就能實現讓您屏息凝神的效果。

源碼下載      在線演示

 

SVG 實現一個漂亮的頁面預加載效果

　　展示如何使用 CSS 動畫， SVG 和 JavaScript 創建一個簡單的頁面預加載效果。對于網站來說，這些預載入得畫面提供了一種創造性的方法，使用戶在等待內容加載的時候不會那么無聊。

源碼下載      在線演示

 

結合 CSS3 & Canvas 模擬人行走的效果

　　HTML5 和 CSS3 技術給 Web 帶來了新的利器，點燃了 Web 開發人員的激情。所謂只有想不到，沒有做不到，的確如此。下面給大家分享一個結合 CSS3 & Canvas 模擬人行走的動畫效果。

源碼下載      在線演示

 

HTML5 高仿逼真 3D 布料圖案效果

　　HTML5 規范引進了很多新特性，其中最令人期待的之一就是 Canvas 元素，HTML5 Canvas 提供了通過 JavaScript 繪制圖形的方法，非常強大。下面給大家分享一個 HTML5 Canvas 繪制的 3D 布料圖案效果。

源碼下載      在線演示

 

HTML5 模擬現實物理效果

　　Ball Pool 是一個基于 HTML5 技術的實驗，模擬現實物理效果，讓你在 Web 中感受自然物體的運動。玩法介紹：可以隨意拖動圓球、點擊頁面背景、晃動瀏覽器、雙擊頁面背景或者按住鼠標左鍵，有不同的效果，趕緊來體驗一下。

 

源碼下載     在線演示

 

HTML5 WebGL 實現逼真的云朵效果

　　使用 HTML5 WebGL 實現超逼真的云朵效果。WebGL 是一項在網頁瀏覽器呈現3D畫面的技術，有別于過去需要安裝瀏覽器插件，通過 WebGL 的技術，只需要編寫網頁代碼即可實現3D圖像的展示。

源碼下載      在線演示

HTML5 制作瘋狂的觸手 

 　　這個示例叫瘋狂的觸手，移動鼠標可以進行涂鴉，點擊鼠標可以清除畫布。

源碼下載      在線演示

 

WebGL 實現的水面特效實驗

　　使用 WebGL 實現的水面特效實驗，可放入一張照片，使用鼠標觸動水面會有奇特效果。

源碼下載      在線演示

 

 

本文鏈接：精選9個很酷的 HTML5 效果【附源碼下載】

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源