8個驚艷的 HTML5 和 JavaScript 特效
這篇文章向大家展示8個驚艷的 HTML5 和 JavaScript 特效。作為下一代網頁語言,HTML5 擁有很多讓人期待已久的新特性,越來越多的開發人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。下面這些驚艷的示例帶您體驗 Web 技術的魅力,相信你看完這些例子后會對未來的 Web 發展充滿無限期待。為了有更好的效果,建議在 Chrome 瀏覽器中瀏覽。
- Crazy Tentacles
這個示例叫瘋狂的觸手,移動鼠標可以進行涂鴉,點擊鼠標可以清除畫布。 - Typographic Effects
使用HTML5 Canvas實現的文本特性,制作教程可參考:Typographic effects in canvas - WebGL Globe
WebGL Globe 是一個開放的地理數據可視化平臺,我們鼓勵你復制代碼,添加自己的數據,創建自己的應用。 - Nebula
吸引眼球的粒子系統,旨在測試WebGL的性能,滑動鼠標能產生絢麗的效果(safari中瀏覽會導致藍屏!)。 - Particle Playground
用鼠標和粒子進行交互,大膽一些,就能發現你第一眼發看不到的精彩。 - Tron Tank
使用 WebGL 實現的特隆坦克,靈感來源于迪斯尼1981電影《Tron》。 - Photo Particle
照片粒子實驗,如果你想知道把一張照片分解成一個個粒子,并有紅、綠、藍三個中心會是什么樣的,試試這個實驗吧。 - Surface
使用WebGL實現的水面特效實驗,可放入一張照片,使用鼠標觸動水面會有奇特效果。
您可能還喜歡
- 九個讓人難以置信的HTML5和JavaScript實驗
- 讓人眼花繚亂的 HTML5 和 JavaScript 效果
- 推薦18個基于 HTML 5 Canvas 開發的圖表庫
- 29款基于 HTML5 Canvas 開發的網頁游戲
- 五大主流瀏覽器 CSS3 和 HTML5 兼容性大比拼
作者:山邊小溪
主站:yyyweb.com 記住啦:)
歡迎任何形式的轉載,但請務必注明出處。

這篇文章向大家展示8個驚艷的 HTML5 和 JavaScript 特效。作為下一代網頁語言,HTML5 擁有很多讓人期待已久的新特性,越來越多的開發人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。下面這些驚艷的示例帶您體驗 Web 技術的魅力,相信你看完這些例子后會對未來的 Web 發展充滿無限期待。為了有更好的效果,建議在 Chrome 瀏覽器中瀏覽。

浙公網安備 33010602011771號