8款強大的CSS3/HTML5動畫及應用源碼
不得不說，HTML5 的時代已經漸漸來臨了，很多網頁上也都越來越多的應用 HTML5，雖然基于目前瀏覽器的支持情況 HTML5 還未能在 PC 端普及，但是未來 HTML5 還是看好的。今天我們來分享 8 款強大的 CSS3/HTML5 動畫及應用，請用支持 CSS3 的瀏覽器查看。
1、CSS3 jQuery UI 控制滑桿插件
今天我們要來分享一款基于 CSS3 和 jQuery UI 的控制滑桿插件，這款控制滑桿是在 HTML5 滑桿元素的基礎上進行自定義 CSS3 渲染，所以外觀更加漂亮。另外，這款控制滑桿插件是縱向的，當然你也可以通過設置讓它水平放置。
2、HTML5 版切水果游戲 HTML5 游戲極品
這是一款由百度 JS 小組提供的 HTML5 版切水果游戲，記得切水果游戲當年非常火，今天我找到了一款基于 HTML5 實現的網頁版切水果游戲。雖然和原版的切水果游戲相比功能不怎么完善，但是該 HTML5 切水果游戲也算有聲有色，畫面也十分華麗。
3、純 CSS3 實現 iOS 7 扁平化圖標
說實話一開始我并不喜歡 iOS 7 那種扁平化的風格，更加覺得 iOS 7 的那些圖標非常爛。但是現在看習慣了 iOS 7 的圖標，還是挺清新的。今天我們要用純 CSS3 來實現 iOS 7 扁平化的圖標，沒有使用圖片，純 CSS3 繪制而成，工程量是浩大了點，不過相仿度還是挺高的哈。
4、基于 Bootstrap 的 CSS3 登錄表單
這是一款基于 Bootstrap 的 CSS3 登錄表單，Bootstrap 是 推ter 推出的一個用于前端開發的開源工具包。這款 CSS3 登錄表單正是利用了 Bootstrap 來實現漂亮的表單 UI，視覺效果非常不錯。另外，表單的輸入框左側還有迷人的小圖標襯托。
5、HTML5 迷你音樂播放器 3D 翻轉播放按鈕
上一篇我們分享了一款外觀很酷的 HTML5 音樂播放器，這次分享的播放器比較小巧迷你，雖然外觀沒有上一個播放器那么精致，但是功能卻是很齊全的。該 HTML5 音樂播放器的特點是有一個 3D 的翻轉播放按鈕。當然對于 HTML5 播放器的外觀，大家可以自己設計定義。
6、HTML5 播放器神話卡帶式古典播放器
這是一款樣式非常古典，但又是非常時尚的 HTML5 播放器，說它是古典播放器，是因為這種卡帶式的 HTML5 播放器比較古老，說它時尚，是因為現在的 HTML5 播放器很少有這種樣式的，非常有創意。如果你想給你的個人主要添加一款個性化的播放器，那么這款 HTML5 卡帶式古典播放器可以選擇一下，個人認為這是 HTML5 播放器的神話，非常經典。
7、HTML5/SVG 線性圖表可繪制圖表區域顏色
今天要分享的這款 HTML5 圖表應用是一款線性圖表，它主要是有 SVG 構造出來的，這款 SVG 線性圖表可以用不同的顏色繪制出圖表的數據區域。
8、CSS3 個性化注冊表單
這次我們要來分享一款基于 CSS3 的個性化注冊表單，說它個性化，從這幾個方面可以看出來，首先，注冊表單的性別選擇框很特別，是一個滑塊應用，其次是輸入框，利用 CSS 樣式輸入框只有一條水平下滑橫線，最后，注冊表單從整體外觀上來看非常清新自然，也很簡單。
以上就是 8 款強大的 CSS3/HTML5 動畫及應用源碼，歡迎收藏分享。
原文鏈接：http://www.html5tricks.com/8-html5-css3-animation-apps.html
本文作者：html5tricks – 超人