推薦10個 CSS3 製作的創意下拉選單效果

　　下拉選單是一個很常見的效果，在網站設計中被廣泛使用。通過使用下拉選單，設計者不僅可以在網站設計中營造出色的視覺吸引力，但也可以為網站提供了一個有效的導航方案。使用 HTML5 和 CSS3 可以更容易創造視覺上充滿吸引力的下拉選單。

　　1. 使用 jQuery 和 CSS3 製作向下滑動的導航選單

　　這個下拉選單可以讓你的網站非常優雅，滑動框導航效果令人印象深刻。此外，子選單框也可以與此整合起來以使其更具吸引力。

　　線上演示     原始碼下載

　　2. CSS3 簡約風格導航選單

　　這是一個簡潔的基於 CSS3 的動畫導航選單，可以在老的瀏覽器中優雅的降級使用。在現代瀏覽中則有更完美的效果。

　　線上演示     原始碼下載

　　3. CSS3 動畫下拉選單

　　有了這個基於 CSS3 的動畫下拉選單，你可以新增漂亮的過渡和轉變效果到你的網站或模板中。

　　線上演示     原始碼下載

　　4. 純 CSS3 製作的兩級選單

　　有了這個下拉選單效果以及製作教程，你可以輕鬆實現一個簡單的二級選單，方便導航。

　　線上演示     原始碼下載

　　5. HTML5/CSS3 灰色導航選單

　　在這個下拉選單中，只使用了 CSS ，沒有影像。此外，它是跨瀏覽器相容的，並且為IE7做了優化。

　　線上演示     原始碼下載

　　6. 優雅的深色CSS3的選單模板

　　這又是一個非常優雅和經典型別的 CSS3 選單模板，你可以把它應用到你的網站中。

　　線上演示     原始碼下載

　　7. 創意的 CSS3 動畫選單

　　正如名稱所暗示的，這是一個創意的下拉選單，可以給網站一個非常獨特且清新悅目的外觀。

　　線上演示     原始碼下載

　　8. 大理石風格的 CSS3 導航選單

　　很特別的大理石風格的 CSS3 下拉導航選單，有很多鼓舞人心的想法。這個下拉選單適合黑色和白色的網站。

　　線上演示     原始碼下載

　　9. 婆娑的 CSS3 下拉選單

　　使用 CSS3 可以很容易地建立各種型別的下拉選單。在這個下拉選單中，當你在上層選單項懸停時，子選單項會出現婆娑的動畫效果。

　　線上演示     原始碼下載

　　10. 簡約風格 CSS3 下拉選單

　　這個下拉選單也是使用 CSS3 建立的，使用一些驚人的過渡效果建立。請記住，這些新效果的只能在現代瀏覽器中呈現。

　　線上演示     原始碼下載