• 小夥伴們驚呆了！8個超炫的 Web 效果
• 8個驚豔的 HTML5 和 JavaScript 特效
• 10大 Metro UI 風格 Bootstrap 主題
• 35款精緻的 CSS3 和 HTML5 網頁模板
• 10套精美的免費網站後臺管理系統模板

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 建立的，使用一些驚人的過渡效果建立。請記住，這些新效果的只能在現代瀏覽器中呈現。

線上演示     原始碼下載

• 35個讓人驚訝的 CSS3 動畫效果演示
  
• 讓人愛不釋手的Web應用程式圖示素材
• 10套精美的免費網站後臺管理系統模板
• 期待已久的2012年度 jQuery 外掛揭曉
• 10大流行的 Metro UI Bootstrap 主題

本文連結：使用 HTML5 和 CSS3 製作的創意下拉選單效果

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源