16 個印象深刻的 HTML5/CSS3/JavaScript 體驗【設計資源】
如果你是一個 Canvas、WebGL 和交互式 CSS3, HTML5 以及 Javascript 的粉絲,那你可能會聽說來自瑞典的 Web 開發者 Hakim. Hakim 非常擅長 Web 動畫和交互,他有很多關于 HTML5、CSS3 和 JavaScript 的個人項目,可在 Chrome Experiments 找到。我們對他的那些非常有創意、非常酷的項目印象深刻,下面列出其中最酷的一些。
來源:html5cn
CSS3 Scroll Effect
很酷的列表滾動效果
DOM Tree 圣誕樹
Origami
在一個豐富多彩的折疊上亂寫亂畫。在圖紙上的任何地方 – 或使用鍵盤 – 激活不同的布局。
.net 404
異樣的 404 錯誤頁面
Sphere
球體 – 實際上是一個螺旋 – 建立了10000粒子和結構的變化,隨著時間的推移。
Textify.it
瀏覽器或拖動到頁面上的圖像以觀看使用純文本構建的圖像。
WebGL Particles
用來測試WebGL渲染粒子的效率。
BreakDOM
這是一個混合的經典突圍游戲,除了所有的游戲元素與HTML用戶界面元素已取代。
Sinuous
一個使用 HTML Canvas 構建的游戲,考驗你的鼠標指針反應。
Magnetic
控制和創建的粒子反應磁性節點的電流。
Wave
波浪與浮于表面的氣泡。
Trail
粒子的運動模式,生成光滑的小徑。
Blob
軟物體的模擬,就像是果凍。
Bacterium
互動與俏皮的模擬動態物理世界中的細菌實驗。
Particle Depth
使用深度的 粒子定位模式。
Keylight
本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
本文系作者授權數英發表,內容為作者獨立觀點,不代表數英立場。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本內容為作者獨立觀點,不代表數英立場。
本文禁止轉載,侵權必究。
本文禁止轉載,侵權必究。
本文系數英原創,未經允許不得轉載。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)