8款強大的CSS3/HTML5動畫及應用原始碼

---

不得不說，HTML5的時代已經漸漸來臨了，很多網頁上也都越來越多的應用HTML5，雖然基於目前瀏覽器的支援情況HTML5還未能在PC端普及，但是未來HTML5還是看好的。今天我們來分享8款強大的CSS3/HTML5動畫及應用，請用支援CSS3的瀏覽器檢視。
1、CSS3 jQuery UI控制滑桿外掛
今天我們要來分享一款基於CSS3和jQueryUI的控制滑桿外掛，這款控制滑桿是在HTML5滑桿元素的基礎上進行自定義CSS3渲染，所以外觀更加漂亮。另外，這款控制滑桿外掛是縱向的，當然你也可以通過設定讓它水平放置。

線上演示 原始碼下載
2、HTML5版切水果遊戲 HTML5遊戲極品
這是一款由百度JS小組提供的HTML5版切水果遊戲，記得切水果遊戲當年非常火，今天我找到了一款基於HTML5實現的網頁版切水果遊戲。雖然和原版的切水果遊戲相比功能不怎麼完善，但是該HTML5切水果遊戲也算有聲有色，畫面也十分華麗。

線上演示 原始碼下載
3、純CSS3實現iOS 7扁平化圖示
說實話一開始我並不喜歡iOS 7那種扁平化的風格，更加覺得iOS 7的那些圖示非常爛。但是現在看習慣了iOS7的圖示，還是挺清新的。今天我們要用純CSS3來實現iOS 7扁平化的圖示，沒有使用圖片，純CSS3繪製而成，工程量是浩大了點，不過相仿度還是挺高的哈。

線上演示 原始碼下載
4、基於Bootstrap的CSS3登入表單
這是一款基於Bootstrap的CSS3登入表單，Bootstrap是Twitter推出的一個用於前端開發的開源工具包。這款CSS3登入表單正是利用了Bootstrap來實現漂亮的表單UI，視覺效果非常不錯。另外，表單的輸入框左側還有迷人的小圖示襯托。

線上演示 原始碼下載
5、HTML5迷你音樂播放器 3D翻轉播放按鈕
上一篇我們分享了一款外觀很酷的HTML5音樂播放器，這次分享的播放器比較小巧迷你，雖然外觀沒有上一個播放器那麼精緻，但是功能卻是很齊全的。該HTML5音樂播放器的特點是有一個3D的翻轉播放按鈕。當然對於HTML5播放器的外觀，大家可以自己設計定義。

線上演示 原始碼下載
6、HTML5播放器神話 卡帶式古典播放器
這是一款樣式非常古典，但又是非常時尚的HTML5播放器，說它是古典播放器，是因為這種卡帶式的HTML5播放器比較古老，說它時尚，是因為現在的HTML5播放器很少有這種樣式的，非常有創意。如果你想給你的個人主要新增一款個性化的播放器，那麼這款HTML5卡帶式古典播放器可以選擇一下，個人認為這是HTML5播放器的神話，非常經典。

線上演示 原始碼下載
7、HTML5/SVG線性圖表 可繪製圖表區域顏色
今天要分享的這款HTML5圖表應用是一款線性圖表，它主要是有SVG構造出來的，這款SVG線性圖表可以用不同的顏色繪製出圖表的資料區域。另外，這款圖表和之前分享的HTML5線性圖表iGrapher類似，只是功能沒那麼強大而已。

線上演示 原始碼下載
8、CSS3個性化登錄檔單
這次我們要來分享一款基於CSS3的個性化登錄檔單，說它個性化，從這幾個方面可以看出來，首先，登錄檔單的性別選擇框很特別，是一個滑塊應用，其次是輸入框，利用CSS樣式輸入框只有一條水平下滑橫線，最後，登錄檔單從整體外觀上來看非常清新自然，也很簡單。

線上演示 原始碼下載

以上就是8款強大的CSS3/HTML5動畫及應用原始碼，歡迎收藏分享。
原文連結：http://www.html5tricks.com/8-html5-css3-animation-apps.html