9款讓你眼前一亮的HTML5 CSS3示例及原始碼

今天我們要再分享一款基於html5 3d的點陣列波浪翻滾動畫特效，同樣是非常的壯觀。

今天我要向大家分享一款很逼真的html5動畫特效，它是3個色彩各異的彈跳小球，每乙個小球在彈跳的時候都會有變化的小球投影，讓整個動畫更加逼真，而且具有3d的視覺效果。

今天要分享的這款純css3動畫非常特別，動畫主體的原型是一座廟宇的屋頂，它用3張紙片和乙個小球層疊而成，首先不得不說，就這簡單的4個元素疊成的廟宇非常逼真，其次，廟宇屋頂在組合的時候利用css3技術形成非常酷的飛入的動畫。

這是一款基於jquery和css3的投票結果展示圖表，和之前介紹的html5柱狀圖表不一樣，這款圖表是水平的柱狀圖表。圖表資料初始化時有緩緩滑動的動畫特效，這款水平柱狀非常適合在投票應用中使用。

今天我們要分享一款基於html5和svg的圖表應用，這款圖表是用區域塊來表示一種資料的，用區域線來表示該項資料在圖表的範圍，每一塊區域都可以定義自己的顏色，這樣可以讓圖表資料非常清晰明了。另外，我們只要將滑鼠移到區域線上，即可彈出乙個該座標點的圖表資料詳情。

這是一款基於svg的鏤空動畫圖示，圖示的繪製是通過svg的path標籤實現的，本示例展示3個不同的東西，籃球、twitter logo和乙個豬頭。滑鼠滑過圖示時，圖示鏤空的部分將會以漸變的方式填充一種顏色，效果非常不錯。

這次我們要來看一款非常酷的css3 3d開關按鈕，點選按鈕可以左右滑動，就像開關開啟閉合一樣的效果.

今天我們要再分享一款基於html5 canvas的柱狀圖表，這款柱狀圖表可以同時對比多項資料，外觀還算一般，可以自己修改css具體定製。

今天我們又要再分享4組歡樂的css3 loading載入動畫，這4款動畫是同一種模式，都是一群小球在大球裡面形成各種排列從而達到loading載入動畫的效果。