9款最新炫酷HTML5/CSS3應用推薦
HTML5 的強大之處我們已經體驗過很多了，包括 HTML5 游戲、HTML5 視頻，另外結合 CSS3，也能創造更多炫酷的動畫特效和實用應用。今天我們要分享 9 款最新的炫酷 HTML5/CSS3 應用。如果你喜歡，趕緊分享給你的朋友吧。
1、HTML5/CSS3 簡易版俄羅斯方塊游戲
很久沒有發布關于 HTML5 游戲方面的演示示例了，今天要分享一款 HTML5 俄羅斯方塊游戲，這款俄羅斯方塊游戲比較簡易，并沒有華麗的外觀，但是實現了俄羅斯方塊的移動、翻轉、消除等基本的功能，這對我們學習 CSS3、HTML5 和 Javascript 將會有很大的幫助。
2、HTML5 webkit 3D 立方體圖片旋轉滑塊應用
今天再來分享一款 HTML5 3D 立方體動畫，這個只是一個 3D 效果模型，你可以用圖片替換演示中的立方體 4 個面，這樣就可以將這款 HTML5 立方體旋轉動畫改造成 HTML5 3D 焦點圖了，由于是基于 webkit 的，所以有瀏覽器限制，Google Chrome 最佳。
3、CSS3 飄帶狀 3D 菜單菜單帶小圖標
這次我們要來分享一款很特別的 CSS3 菜單，菜單的外觀是飄帶狀的，并且每一個菜單項有一個精美的小圖標，鼠標滑過菜單項時，菜單項就會向上凸起，像是飄帶飄動一樣，形成非常酷的 3D 視覺效果。這款 CSS3 飄帶狀 3D 菜單非常適合作一些活動頁面的菜單導航。
4、純 CSS3 浮動的小豬動畫投影效果逼真
用純 CSS3 實現的動物或者卡通人物實例很多。今天我們要來看一款很可愛的純 CSS3 浮動小豬，同時，小豬在浮動時投影也會跟著浮動，動畫效果非常逼真。
5、jQuery 仿淘寶左側商品分類菜單
這次我們要來分享一款相對實用的 jQuery 插件，它是一款用 jQuery 和 CSS 實現的仿淘寶左側商品分類菜單。鼠標滑過主菜單即可展開商品二級菜單，菜單上也同時有漂亮的商品小圖標。菜單由 jQuery 打造，所以兼容性都還可以。
6、HTML5 3D 立體圖片相冊
HTML5 非常強大，尤其是和 CSS3 結合，有時候能達到非同凡響的網頁動畫效果。今天要分享的這款 HTML5 應用就是一款很酷的 3D 立體圖片相冊應用，它可以用鼠標多拽從多個角度瀏覽相冊圖片，點擊圖片，就可以放大圖片，相冊圖片都是美女，千萬別讓女朋友看到。
7、CSS3 3D 超鏈接點擊鏈接效果更酷
之前我們分享過很多 CSS3 3D 效果的文字，今天我們來介紹一款用純 CSS3 實現的 3D 超鏈接，一眼看上去，和之前的 CSS3 3D 文字沒什么區別，但是當你點擊文字鏈接時，3D 效果就出來了，文字鏈接會下陷進去，移開鼠標時，文字鏈接又會浮上來，很酷的 CSS3 3D 鏈接特效。
8、一組 HTML5 SVG 可愛的笑臉動畫
今天我們來分享一組利用 HTML5 和 SVG 實現的可愛笑臉動畫，它們是色彩各異的一組泥娃娃的臉，默認的時候就出現眨眼和微笑的動畫，當你把鼠標滑過它們時，就像是感受到了主人的撫摸一樣上下跳動起來，真的是非常可愛。
9、HTML5 Canvas 星云動畫特效
這次我們要再來分享一款基于 HTML5 Canvas 的動畫特效，這是一個星云動畫效果，屏幕上會產生很多大大小小的光點，色彩斑斕，酷似宇宙的星云圖。并且，在 HTML5 Canvas 上，星云圖還是運動的，非常好看的一款 HTML5 動畫。
以上就是 9 款最新炫酷 HTML5/CSS3 應用推薦，歡迎收藏分享。
本文鏈接：http://www.html5tricks.com/9-cool-html5-css3-recommand.html
本文作者：html5tricks – 超人