10 款激發靈感的 HTML5/CSS3 應用

在HTML5家族中，CSS3無疑是舉足輕重的家族成員。我們可以利用CSS3的各種特性來完成非常酷又實用的HTML5應用插件，方便前端開發者快速實現所需的功能。今天分享的10個最新HTML5 CSS3應用程式或許能激發你的靈感。

1、HTML5環形音樂播放器，播放器外觀非常酷

今天我要分享一款外觀更酷的HTML5音樂播放器，該播放器是環形的，背景圖片非常漂亮，可以控製播放、調整音量等播放器常用的功能。

2、HTML5/CSS3鬧鐘動畫特效，鬧鐘可以抖動

鬧鐘大家都用過，常常吵著你上學上班。今天我們要用HTML5/CSS3技術來實現一個模擬的鬧鐘動畫特效，首先這個鬧鐘可不是擺設，它有時鐘的功能，你可以查看本地時間。另外這款鬧鈴在定點的時候會抖動起來，效果非常逼真，是挺有趣的HTML5動畫特效。

3、純CSS3實現多色彩選單，帶有滑鼠滑過動畫

今天要分享的這款選單也是利用純CSS3實現，這款CSS3選單的選單項目下邊框有各種漂亮的彩帶，滑鼠滑過時彩帶的顏色也會改變。另外菜單在黑色背景下更顯大氣，很實用的一款菜單。

4、CSS3側邊欄選單，有可愛的小圖示選單

今天要分享的這款CSS3選單是側邊欄選單，選單整體式停靠在網頁的側邊，滑鼠滑過時才會展開選單，這款CSS3側邊欄選單擁有一套漂亮的svg小圖標，選單的整體樣式非常清新，是一款不錯的CSS3選單。

5、HTML5/CSS3實現iOS Path菜單，菜單動畫很酷

Path菜單相信大家都不陌生吧，它在iOS中非常流行，今天我們要分享的菜單就是利用HTML5和CSS3技術來模擬實現這款iOS Path選單，點擊按鈕，即可彈出子選單，子選單彈出的動畫非常酷。點選子選單，即可開啟對應功能。

6、HTML5 3D圖表插件，可動態顯示圖表數據

今天我們又要給大家分享一款非常酷的HTML5 3D圖表插件，它可以將圖表的數據項繪製成一個3D的區域，並且圖表的數據可以動態的逐一顯示，圖表的視覺效果也不錯。

7、HTML5/CSS3聯絡表單，提交按鈕有發光動畫

今天我們來分享一款很酷的CSS3聯繫表單，表單有一張很有內涵的背景圖，表單充滿全屏，非常大氣。另外該CSS3聯絡表單還有一個會發光的提交按鈕，非常酷。

8、CSS3環形動畫選單，很酷的旋轉動畫

這次我們要分享一款利用純CSS3實現的環形動畫選單，這款選單在滑鼠滑過時會旋轉展開子選單，旋轉的時候帶有淡入淡出的效果，非常酷的菜單特效。

9、HTML5圖片組合歸類效果，圖片分類利器

HTML5對處理一些簡單的動畫非常方便，例如移動、淡入淡出效果等。今天分享的這款HTML5圖片組合歸類特效就應用了H​​TML5的移動特效，當用戶選擇一個圖片分類時，相關分類的圖片就會移動到這個分類下面，並伴隨著淡入淡出的移動動畫，是一款效果很酷的HTML5圖片處理應用程式。

10、HTML5多功能圖表，支援餅狀圖和金字塔圖

這是一個不錯的HTML5多功能圖表，它不僅支援餅狀圖，也支援金字塔狀圖，點擊圖表的統計區間即可查看當前區間的圖表資料。