神奇的HTML5網站建設技術

作者：佚名   時間：2014-04-03   分享到：

互聯網上網站千千萬，那么有多少讓你看了一眼就驚嘆不已的網站呢？下面是聯楷網站建設公司整理編輯的神奇網站，這些網站都是由目前最流行的HTML5技術編寫而成，相信你體驗之后一定會驚奇萬分。（以谷歌瀏覽器（chrome）瀏覽效果最佳）

鼠標風，吹亂小女孩頭發

移動你的鼠標，讓風從各個方向吹動可愛小女孩的頭發。>>立即體驗

撕扯網單

用鼠標在網單上任意拖拽，你會發現它的效果非常流暢。然而完成這種效果的只是一段簡短的代碼。更加神奇的是，該動畫還能根據鼠標拖拽的速度和力度實現不同的撕扯效果。>>立即體驗

魔幻文字

這是一個復雜的程序，設計師經過大量計算后，為我們呈現了一個高度復雜的動畫效果。我們能刻意在演示中看到字母在不斷的蠕動、變化，分解和重組。用戶還能夠運用鼠標更換視角。>>觀看演示

神奇光線

該動畫為HTML5CANVAS技術代表，可以用鼠標劃線用來改變光線方向。或許幾條簡單的線條就能創造出不同的效果。>>立即體驗

五彩斑斕

效果用到了色彩，位置，連接線，透明度的各種變換，當你用鼠標點擊畫布時，會看到水波一樣的效果。動作非常的流暢。>>立即體驗

調皮粒子

在這演示中移動你的鼠標，你會發現那些點像似始終和你保持距離的小精靈，你動它們就閃開，你走，它們就匯合。像水紋，像沙粒。很有趣的一個制作。>>立即體驗

手勢控制幻燈片播放

這個演示的是一個更為復雜的現代瀏覽器超前體驗，名為手勢+Reveal.JS，這個實驗使用了 WebRTC 和 JavaScript 來調用攝像頭，該技術為用戶提供了一個手勢操作的界面，允許你使用手勢來上下左右翻動指揮幻燈片的運行。這里的手 勢并不是手機觸摸屏手勢，而是通過電腦上連接的攝像頭觀察你在空中揮舞雙手動作判斷如何翻頁。當然這種控制方式看起來并不新鮮，但再強調一遍，因為它是用 純HTML+Javascript實現的，所以它能在任何一臺過去 5 年內生產的電腦上完美運行。>>立即體驗 （僅限于谷歌瀏覽器）

敲碎的視頻

一個播放中的視頻，當你點擊畫面時，畫面會破裂成碎片四處散去。更加神奇的是，破碎的碎片依然播放這視頻，很快小碎片就會重組復位。>>立即體驗