HTML5 現在已經不是很前衛的東西了，越來越多的網站和移動應用都在不斷地嘗試使用HTML5來更好地優化用戶體驗。今天我們要分享9款超絢麗的HTML5/CSS3應用和動畫特效，這裏面有菜單、按鈕、圖片、Loading加載動畫等，一定會有你需要的。
1、CSS3飄帶狀3D菜單 菜單帶小圖標
這次我們要來分享一款很特別的 CSS3菜單，菜單的外觀是飄帶狀的，並且每一個菜單項有一個精美的小圖標，鼠標滑過菜單項時，菜單項就會向上凸起，像是飄帶飄動一樣，形成非常酷的3D視覺效果。這款CSS3飄帶狀3D菜單非常適合作一些活動頁面的菜單導航。
2、HTML5/CSS3 3D紙片摺疊動畫
今天我們再來分享一款非常華麗的 HTML5 /CSS3 3D動畫特效，儘管它目前很少能在項目中應用，但從源碼中我們可以學到很多 HTML5 3D 動畫的製作知識。這是一款紙片摺疊動畫特效，利用HTML5和CSS3的相關特性，我們可以將一張張紙片摺疊起來，形成很酷的3D動畫效果。
3、CSS3精美小圖標菜單導航
之前我們分享過很多漂亮的小圖標菜單導航，像這款 超具立體感的CSS3 3D菜單 菜單項帶小圖標 ，還有這款 HTML5/CSS3仿Google Play垂直菜單 ，都很不錯。今天我們要來分享一款更加精美清新的CSS3小圖標菜單導航，鼠標滑過這款菜單時還可以在圖標和文字之間形成切換的動畫效果。
4、HTML5 webkit 3D立方體圖片旋轉滑塊應用
今天再來分享一款HTML5 3D立方體動畫，這個只是一個3D效果模型，你可以用圖片替換演示中的立方體4個面，這樣就可以將這款HTML5立方體旋轉動畫改造成 HTML5 3D 焦點圖了，由於是基於webkit的，所以有瀏覽器限制，Google Chrome最佳。
5、CSS3發光Loading加載動畫
今天我們要分享一款與衆不同的CSS3 Loading動畫效果，它是由幾個不同的動畫效果組合而成的，像文字打印效果、發光效果、飛入飛出效果，這幾種效果都非常酷。另外我們可以再回顧一下其他的CSS3 Loading效果： HTML5 Canvas實現超酷Loading動畫 、 很有個性的CSS3彈跳Loading動畫 。
6、基於SVG的HTML5圓盤時鐘動畫
前兩天我們分享過一款 基於SVG的圓盤時鐘 ，可以有不同的時鐘盤面。今天我們要再來分享另外一款基於SVG的 HTML5 圓盤時鐘動畫，和上一款類似，這款HTML5時鐘也能準確獲取本地的時間，並且秒針、分針、時針可以走動，效果還不錯。
7、CSS3響應式側邊菜單 菜單帶小圖標
今天我們要來分享一款基於CSS3的響應式側邊菜單，這款菜單可以在PC瀏覽器網頁上和移動設備的網頁上有着同樣不錯的效果，它會根據屏幕大小自動實現菜單位置的變化，可以讓用戶在不同分辨率的屏幕上獲得最佳的體驗。
8、純CSS3背景圖標漸變按鈕
今天我們要來分享一組非常可愛的 CSS3按鈕 組合，這款按鈕的效果是當你把鼠標滑過它們時，按鈕上的背景小圖標就會發生漸變效果，類似淡入淡出的特效。類似這種炫酷的 CSS3按鈕 還有很多，比如 純CSS3實現動感彈性按鈕 ，動畫效果也非常不錯。
9、HTML5顏色漸變3D文字特效
之前我們已經分享過不少 HTML5 文字特效 ，效果都還不錯，尤其是這款 HTML5擺動的文字特效 類似柳枝擺動 ，更是有非常酷的文字動畫效果。今天我們要分享一款 HTML5 3D 文字特效，文字的顏色是漸變的，同時有文字陰影，更加凸顯了3D立體的效果。
以上就是9款超絢麗的HTML5/CSS3應用和動畫特效，歡迎收藏分享。
最後，給大家推薦一個前端學習進階內推交流羣685910553（前端資料分享），不管你在地球哪個方位，
不管你參加工作幾年都歡迎你的入駐！（羣內會定期免費提供一些羣主收藏的免費學習書籍資料以及整理好的面試題和答案文檔！）
如果您對這個文章有任何異議，那麼請在文章評論處寫上你的評論。
如果您覺得這個文章有意思，那麼請分享並轉發，或者也可以關注一下表示您對我們文章的認可與鼓勵。
願大家都能在編程這條路，越走越遠。