1、CSS3飄帶狀3D選單 選單帶小圖示
這次我們要來分享一款很特別的CSS3選單,選單的外觀是飄帶狀的,並且每一個選單項有一個精美的小圖示,滑鼠滑過選單項時,選單項就會向上凸起,像是飄帶飄動一樣,形成非常酷的3D視覺效果。這款CSS3飄帶狀3D選單非常適合作一些活動頁面的選單導航。
2、HTML5/CSS3 3D紙片摺疊動畫
今天我們再來分享一款非常華麗的HTML5/CSS3 3D動畫特效,儘管它目前很少能在專案中應用,但從原始碼中我們可以學到很多HTML53D動畫的製作知識。這是一款紙片摺疊動畫特效,利用HTML5和CSS3的相關特性,我們可以將一張張紙片摺疊起來,形成很酷的3D動畫效果。
3、CSS3精美小圖示選單導航
之前我們分享過很多漂亮的小圖示選單導航,像這款超具立體感的CSS3 3D選單 選單項帶小圖示,還有這款HTML5/CSS3仿GooglePlay垂直選單,都很不錯。今天我們要來分享一款更加精美清新的CSS3小圖示選單導航,滑鼠滑過這款選單時還可以在圖示和文字之間形成切換的動畫效果。
4、HTML5 webkit 3D立方體圖片旋轉滑塊應用
今天再來分享一款HTML5 3D立方體動畫,這個只是一個3D效果模型,你可以用圖片替換演示中的立方體4個面,這樣就可以將這款HTML5立方體旋轉動畫改造成HTML5 3D焦點圖了,由於是基於webkit的,所以有瀏覽器限制,Google Chrome最佳。
5、CSS3發光Loading載入動畫
今天我們要分享一款與眾不同的CSS3Loading動畫效果,它是由幾個不同的動畫效果組合而成的,像文字列印效果、發光效果、飛入飛出效果,這幾種效果都非常酷。另外我們可以再回顧一下其他的CSS3Loading效果: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擺動的文字特效 類似柳枝擺動,更是有非常酷的文字動畫效果。今天我們要分享一款HTML53D文字特效,文字的顏色是漸變的,同時有文字陰影,更加凸顯了3D立體的效果。
以上就是9款超絢麗的HTML5/CSS3應用和動畫特效,歡迎收藏分享。
本文轉載自:CSDN