1、HTML5 3D點陣列波浪翻滾動畫
還記得之前分享過的兩款HTML5 3D波浪動畫特效麼？它們是純CSS3/HTML5實現3D波浪形動畫和HTML5 WebGL實驗 超酷的HTML5Canvas波浪牆，其中一款利用WebGL讓3D效果渲染得淋漓盡致，不過也消耗CPU。今天我們要再分享一款基於HTML5 3D的點陣列波浪翻滾動畫特效，同樣是非常的壯觀。
2、HTML5小球彈跳動畫 很不錯的3D小球
今天我要向大家分享一款很逼真的HTML5動畫特效，它是3個色彩各異的彈跳小球，每一個小球在彈跳的時候都會有變化的小球投影，讓整個動畫更加逼真，而且具有3D的視覺效果。之前分享過小球跳動的Loading動畫，效果也非常不錯。
3、純CSS3紙片層疊而成的廟宇動畫
今天要分享的這款純CSS3動畫非常特別，動畫主體的原型是一座廟宇的屋頂，它用3張紙片和一個小球層疊而成，首先不得不說，就這簡單的4個元素疊成的廟宇非常逼真，其次，廟宇屋頂在組合的時候利用CSS3技術形成非常酷的飛入的動畫。
4、jQuery/CSS3投票結果圖表 水平柱狀圖表
這是一款基於jQuery和CSS3的投票結果展示圖表，和之前介紹的HTML5柱狀圖表不一樣，這款圖表是水平的柱狀圖表。圖表資料初始化時有緩緩滑動的動畫特效，這款水平柱狀圖片非常適合在投票應用中使用。
5、HTML5/SVG區域線圖表 可顯示圖表資料項
今天我們要分享一款基於HTML5和SVG的圖表應用，這款圖表是用區域塊來表示一種資料的，用區域線來表示該項資料在圖表的範圍，每一塊區域都可以定義自己的顏色，這樣可以讓圖表資料非常清晰明瞭。另外，我們只要將滑鼠移到區域線上，即可彈出一個該座標點的圖表資料詳情。
6、SVG實現鏤空動畫圖示 可填充顏色
這是一款基於SVG的鏤空動畫圖示，圖示的繪製是通過SVG的path標籤實現的，本示例展示3個不同的東西，籃球、twitter logo和一個豬頭。滑鼠滑過圖示時，圖示鏤空的部分將會以漸變的方式填充一種顏色，效果非常不錯。
7、純CSS3 3D開關按鈕 可左右滑動
這次我們要來看一款非常酷的CSS3 3D開關按鈕，點選按鈕可以左右滑動，就像開關開啟閉合一樣的效果，之前也分享過類似的開關按鈕，比如純CSS3實現滑桿開關切換按鈕動畫和CSS3 3D發光切換按鈕 模擬效果很逼真就非常不錯，大家也可以看看。
8、HTML5 Canvas柱狀圖表 可對比多項資料
前不久我們分享過幾款還不錯的HTML5柱狀圖表，像HTML5/CSS3多顏色柱狀圖表 帶基準資料線、HTML5柱狀圖表 可合併多張圖表的資料。今天我們要再分享一款基於HTML5
Canvas的柱狀圖表，這款柱狀圖表可以同時對比多項資料，外觀還算一般，可以自己修改CSS具體定製。
9、四組歡樂的CSS3 Loading載入動畫
還記得前段時間分享過的一款CSS3 Loading載入動畫麼，那是相當的歡樂，就是這款HTML5超具喜感的載入提示 轉圈的胖娃娃。今天我們又要再分享4組歡樂的CSS3Loading載入動畫，這4款動畫是同一種模式，都是一群小球在大球裡面形成各種排列從而達到Loading載入動畫的效果。
以上就是9款讓你眼前一亮的HTML5/CSS3示例及原始碼，歡迎收藏分享。
本文轉載自：http://www.html5tricks.com/9-likely-html5-css3-demo.html