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