10款效果驚艷的HTML5應用和源碼
HTML5 已經越來越流行起來了，尤其是移動互聯網的發展，更是帶動了 HTML5 的迅猛發展，我們也是時候學習 HTML5 了，以防到時候落伍。今天給大家介紹 10 款效果驚艷的 HTML5 應用，方便大家學習，也將應用的源碼整理了一下發給大家。
1、純 CSS3 實現打火機火焰動畫
這又是一款很酷的純 CSS3 動畫特效，它是一個可以點燃的打火機，當你用鼠標滑過這只打火機時，打火機就會打開，然后開始出現火焰燃燒的動畫特效。另外要說明的是，整個動畫都是利用 純 CSS3 實現的，沒有一行 JS 代碼，小伙伴們，這個 CSS3 動畫是不是很酷？
2、HTML5/CSS3 圖片過濾歸類應用三種過濾動畫
今天我們要來分享一款基于 HTML5 和 CSS3 的圖片特效，它可以很方便地將各種圖片進行歸類和過濾，在歸類過濾的過程中，圖片有非常酷的動畫效果，并且，結合 CSS3 的特性，這里一共提供了 3 種炫酷的圖片過濾動畫。
3、HTML5 視頻播放器超酷播放器 UI 界面
今天要分享一款 UI 界面非常出色 HTML5 視頻播放器，播放器具備播放/暫停、音量調節、全拼播放等功能，應該也算是比較完善了的。我們也可以看看之前發布過的 HTML5 視頻播放器，像 HTML5 播放器 API 集合輕松學會 HTML5 播放器開發，也非常酷。
4、純 CSS3 Tooltip 提示陰影邊框飛入動畫
Tooltip 可以既可以節省網頁寶貴的空間，而且又可以讓用戶快速得到想要的信息，今天要分享的這款 CSS3 Tooltip 外觀非常漂亮，而且是純 CSS3 實現，Tooltip 的邊框設置了陰影特效，而且 Tooltip 提示框也有飛入的動畫效果，是一款挺酷的 CSS3 Tooltip 應用。
5、CSS3 火焰效果文字特效
記得我們以前分享過一款很酷的 CSS3 火焰文字特效，把它挖出來看看：HTML5 火焰文字特效。今天我們要來再分享一款 CSS3 火焰效果的文字特效，和之前那個文字特效不同的是，這個是靜態的，沒有動畫的效果，不過也非常酷。
6、CSS3 彈簧線圈動畫
今天我們要來分享一款純 CSS3 實現的動畫特效，這款 CSS3 動畫效果是模擬彈簧線圈的特性。它可以不停的轉動和扭動彈簧線圈，讓整個彈簧動畫非常逼真和動感。另外由于彈簧被扭動，所以從不同的角度線圈的顏色會有細微的變化。
7、150 多個純 CSS3 動畫 SVG 圖標
CSS3 真的很強大，但 SVG 的實力也不容小覷，今天我們要將它們兩個有機結合，分享給大家 150 多個非常有趣的純 CSS3 動畫 SVG 圖標。這 150 個 SVG 圖標中，都擁有鼠標滑過的動畫特效，有的是陰影特效，也有的是動感的動畫，這些圖標真的很酷。
8、HTML5 SVG 多折線圖表圖表可縮放顯示
今天我們要來介紹一款基于 HTML5 SVG 的折線圖表，該款圖片支持多條折線重疊在一起顯示，可以方便地比較不同顏色折線的數據。另外圖表還有一個特點，就是可以縮放和移動，這大大方便了用戶瀏覽 圖表數據，非常人性化。更多圖表應用，請移步至 HTML5 圖表欄目。
9、基于 Bootstrap 的 CSS3 下拉菜單菜單 3D 立體效果
Bootstrap 是 推ter 推出的一個用于前端開發的開源工具包，基于 Bootstrap 框架，我們可以方便地制作漂亮的 UI 界面。今天要分享的這款 CSS3 下拉菜單就是基于 Bootstrap 的，下拉子菜單的外觀也非常不錯，同時菜單也具有 3D 立體的視覺效果。
10、純 CSS3 實現自行車動畫非常逼真
這次我們要來分享一款利用純 CSS3 實現的自行車動畫，與前面那款不同的是，這個自行車是可以運動的，就像有一個人在騎車一樣，車輪也會轉動，非常逼真的一款動畫效果。
