9款超絢麗的HTML5/CSS3應用和動畫特效

HTML5 如今已經不是很前衛的東西了，愈來愈多的網站和移動應用都在不斷地嘗試使用HTML5來更好地優化用戶體驗。今天咱們要分享9款超絢麗的HTML5/CSS3應用和動畫特效，這裏面有菜單、按鈕、圖片、Loading加載動畫等，必定會有你須要的。

一、CSS3飄帶狀3D菜單 菜單帶小圖標

此次咱們要來分享一款很特別的 CSS3菜單 ，菜單的外觀是飄帶狀的，而且每個菜單項有一個精美的小圖標，鼠標滑過菜單項時，菜單項就會向上凸起，像是飄帶飄動同樣，造成很是酷的3D視覺效果。這款CSS3飄帶狀3D菜單很是適合做一些活動頁面的菜單導航。

在線演示 源碼下載

二、HTML5/CSS3 3D紙片摺疊動畫

今天咱們再來分享一款很是華麗的 HTML5 /CSS3 3D動畫特效，儘管它目前不多能在項目中應用，但從源碼中咱們能夠學到不少 HTML5 3D 動畫的製做知識。這是一款紙片摺疊動畫特效，利用HTML5和CSS3的相關特性，咱們能夠將一張張紙片摺疊起來，造成很酷的3D動畫效果。

在線演示 源碼下載

三、CSS3精美小圖標菜單導航

以前咱們分享過不少漂亮的小圖標菜單導航，像這款 超具立體感的CSS3 3D菜單 菜單項帶小圖標 ，還有這款 HTML5/CSS3仿Google Play垂直菜單 ，都很不錯。今天咱們要來分享一款更加精美清新的CSS3小圖標菜單導航，鼠標滑過這款菜單時還能夠在圖標和文字之間造成切換的動畫效果。

在線演示 源碼下載

四、HTML5 webkit 3D立方體圖片旋轉滑塊應用

今天再來分享一款HTML5 3D立方體動畫，這個只是一個3D效果模型，你能夠用圖片替換演示中的立方體4個面，這樣就能夠將這款HTML5立方體旋轉動畫改形成 HTML5 3D 焦點圖了，因爲是基於webkit的，因此有瀏覽器限制，Google Chrome最佳。

在線演示 源碼下載

五、CSS3發光Loading加載動畫

今天咱們要分享一款不同凡響的CSS3 Loading動畫效果，它是由幾個不一樣的動畫效果組合而成的，像文字打印效果、發光效果、飛入飛出效果，這幾種效果都很是酷。另外咱們能夠再回顧一下其餘的CSS3 Loading效果： HTML5 Canvas實現超酷Loading動畫 、 頗有個性的CSS3彈跳Loading動畫 。

在線演示 源碼下載

六、基於SVG的HTML5圓盤時鐘動畫

前兩天咱們分享過一款 基於SVG的圓盤時鐘 ，能夠有不一樣的時鐘盤面。今天咱們要再來分享另一款基於SVG的 HTML5 圓盤時鐘動畫，和上一款相似，這款HTML5時鐘也能準確獲取本地的時間，而且秒針、分針、時針能夠走動，效果還不錯。

在線演示 源碼下載

七、CSS3響應式側邊菜單 菜單帶小圖標

今天咱們要來分享一款基於CSS3的響應式側邊菜單，這款菜單能夠在PC瀏覽器網頁上和移動設備的網頁上有着一樣不錯的效果，它會根據屏幕大小自動實現菜單位置的變化，可讓用戶在不一樣分辨率的屏幕上得到最佳的體驗。

在線演示 源碼下載

八、純CSS3背景圖標漸變按鈕

今天咱們要來分享一組很是可愛的 CSS3按鈕 組合，這款按鈕的效果是當你把鼠標滑過它們時，按鈕上的背景小圖標就會發生漸變效果，相似淡入淡出的特效。相似這種炫酷的 CSS3按鈕 還有不少，好比 純CSS3實現動感彈性按鈕 ，動畫效果也很是不錯。

在線演示 源碼下載

九、HTML5顏色漸變3D文字特效

以前咱們已經分享過很多 HTML5 文字特效 ，效果都還不錯，尤爲是這款 HTML5擺動的文字特效 相似柳枝擺動 ，更是有很是酷的文字動畫效果。今天咱們要分享一款 HTML5 3D 文字特效，文字的顏色是漸變的，同時有文字陰影，更加凸顯了3D立體的效果。

在線演示 源碼下載

以上就是9款超絢麗的HTML5/CSS3應用和動畫特效，歡迎收藏分享。