1、CSS3 SVG文字背景動畫 超酷的文字特效
今天我們來分享一款基於CSS3和SVG的文字特效，文字的背景可以定義一些動畫特效，在背景動畫播放的同時，我們還可以選中文字。本示例讓文字背景展示水波和火焰的動畫特效，當然你還可以利用SVG的特點來製作其他炫酷的背景動畫。
2、CSS3下劃線跟隨動畫選單 背景色漸變
今天我們要來分享一款CSS3選單，這款選單的特點就是有一條下劃線跟隨滑鼠移動，當滑鼠滑過選單項時，下劃線跟隨動畫就會出現，並對當前啟用的選單項進行下劃線加粗。另外，選單項的背景色也有漸變的動畫效果，選單整體看上去非常酷。
3、CSS3手勢變換動畫特效
這款CSS3動畫非常特別，它展現在我們眼前的是一隻手掌，手掌下方有一個滑動按鈕，點選按鈕即可切換手勢，目前可以切換兩種不同的手勢。這款CSS3手勢變換動畫還是相當酷的，另外之前也分享過HTML5 3D手掌動畫，效果也非常不錯。
4、基於Bootstrap的CSS3麵包屑選單
今天我們來分享一款基於Bootstrap的CSS3麵包屑選單，麵包屑選單導航可以嵌入到網站中，可以幫助使用者進行網站各級目錄之間的跳轉。這款麵包屑選單的色彩沿用了bootstrap的風格，十分清新自然，並且利用CSS3特性，讓選單項進行圓角處理，整體變得很圓潤。
5、純CSS3實現圓盤時鐘動畫
記得之前分享過一款基於SVG的HTML5圓盤時鐘動畫，效果還挺好的，今天我們繼續為大家分享一款更酷的純CSS3實現的圓盤時鐘動畫，這款時鐘動畫在初始化的時候就有動畫特效，包括圓盤的形成，還有時鐘指標的形成，都賦予了非常酷的動畫色彩。
6、HTML5/CSS3 3D下拉摺疊選單 3D子選單
這回要分享的是一款很有特色的CSS3選單，它不僅具有下拉選單的特點，而且，下拉的子選單是3D的摺紙效果，看起來是挺酷而且簡單的HTML5/CSS3下拉選單。回顧之前分享的選單，HTML5/CSS3 3D下拉摺疊選單這款選單和今天分享的類似，不過那個有下拉的動畫效果。
7、動感的CSS3 Loading文字特效
這是一款非常帥的CSS3 Loading載入動畫，儘管看上去只有Loading這幾個字母，但是利用CSS3特性，可以把這幾個字母渲染得非常動感。和之前推薦的CSS3Loading動畫純CSS3載入Loading動畫圖不同，這款Loading動畫僅僅幾個字母就可以展現令人震撼的效果。
以上就是7款頂級的CSS3動畫特效，歡迎收藏分享。
本文轉載自：http://www.html5tricks.com/12-css3-loading-images.html