10大經典CSS3菜單應用欣賞
很多時候，我們的網頁菜單需要個性化，從而來適應各種行業的用戶視覺操作體驗。本文將帶領大家一起來欣賞10個非常經典的CSS3菜單應用，菜單涉及到動畫菜單、Tab菜單、面包屑菜單等。
1、CSS3飄帶狀3D菜單 菜單帶小圖標
這次我們要來分享一款很特別的CSS3菜單，菜單的外觀是飄帶狀的，并且每一個菜單項有一個精美的小圖標，鼠標滑過菜單項時，菜單項就會向上凸起，像是飄帶飄動一樣，形成非常酷的3D視覺效果。這款CSS3飄帶狀3D菜單非常適合作一些活動頁面的菜單導航。
2、jQuery動畫二級下拉菜單
對于jQuery菜單，大家已經非常熟悉了，我們也已經分享過很多jQuery菜單和CSS3菜單。今天要介紹的這款jQuery菜單是二級下拉菜單，并且在子菜單展開的時候出現動畫效果。更為特別的是，鼠標滑過子菜單項時會產生該菜單項的提示。
3、CSS3 iPhone樣式的3D菜單
之前已經向大家分享過很多漂亮的CSS3菜單了，很多菜單都支持多級下拉。今天要分享的CSS3菜單時模擬iPhone樣式的，菜單整體呈現3D立體的視覺效果。同時你也可以選擇平面方式的菜單，2D和3D之間可以自由切換。
4、CSS3 3D動畫菜單 3D立方體菜單項
之前我們分享過很多富有創意的CSS3菜單，今天分享的這款CSS3動畫菜單非常有特點，它的菜單項是一個個可以翻轉的3D立方體，效果非常不錯。再來回顧一下之前的3D菜單，像這款HTML5/CSS3 3D下拉折疊菜單也非常不錯。
5、純CSS3立體動畫菜單 菜單項按下有內陰影
這次小編來分享一款利用純CSS3實現的立體動畫菜單，該菜單的實現非常簡單，并沒有太多的特效渲染，但是看起來卻非常干凈漂亮，尤其配合灰黑色的背景，讓菜單顯得有點立體的感覺。另外，當我們點擊菜單項時，菜單項將會出現內陰影的視覺效果。
6、CSS3華麗的Tab菜單 帶小圖標動畫
之前我們分享過一款非常出色的CSS3 Tab菜單HTML5 SVG Tab滑塊菜單，結合SVG，Tab菜單實現非常靈活。今天我們要再來分享一款基于CSS3的華麗Tab菜單，這款Tab菜單的菜單項是一個個小圖標，鼠標滑過時，菜單項展示對應文字，并出現展開的動畫。
7、基于Bootstrap的CSS3下拉菜單
Bootstrap是推ter推出的一個用于前端開發的開源工具包，基于Bootstrap框架，我們可以方便地制作漂亮的UI界面。今天要分享的這款CSS3下拉菜單就是基于Bootstrap的，下拉子菜單的外觀也非常不錯，同時菜單也具有3D立體的視覺效果。
8、CSS3黑色主題菜單 菜單項淡入淡出動畫
今天我們要來分享一款簡單實用的CSS3菜單，菜單是黑色主題，因此顯得非常端莊霸氣。由于菜單應用了CSS3特性，菜單的邊緣將出現陰影的效果，給人立體的視覺效果。另外還有一個特點就是，鼠標滑過菜單項時將出現淡入淡出的動畫特效，是一款很不錯的CSS3黑色主題菜單。
9、CSS3精美小圖標菜單導航
之前我們分享過很多漂亮的小圖標菜單導航，像這款超具立體感的CSS3 3D菜單 菜單項帶小圖標，還有這款HTML5/CSS3仿Google Play垂直菜單，都很不錯。今天我們要來分享一款更加精美清新的CSS3小圖標菜單導航，鼠標滑過這款菜單時還可以在圖標和文字之間形成切換的動畫效果。
10、CSS3響應式面包屑菜單
之前我們分享過兩款CSS3面包屑菜單，純CSS3圓形面包屑菜單和CSS3扁平化面包屑菜單導航，效果都還不錯。今天我們再分享一款響應式面包屑菜單，這款CSS3菜單外觀設計非常簡潔但又十分大氣，我們可以在分步注冊頁面或者活動引導頁面使用這款CSS3面包屑菜單。
以上就是10大經典CSS3菜單應用欣賞，歡迎收藏分享。
轉載請注明原文鏈接：http://www.html5tricks.com/10-css3-menu.html