1. 程式人生 > >推薦10個 CSS3 製作的創意下拉選單效果

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

您可能感興趣的相關文章

 

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

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

線上演示     原始碼下載

 

2. CSS3 簡約風格導航選單

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

線上演示     原始碼下載

 

3. CSS3 動畫下拉選單

CSS3 animated dropdown menu

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

線上演示     原始碼下載

 

4. 純 CSS3 製作的兩級選單

Dark Menu: Pure CSS3 Two Level Menu

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

線上演示

     原始碼下載

 

5. HTML5/CSS3 灰色導航選單

HTML5/CSS3 Gray Navigation Menu

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

線上演示     原始碼下載

 

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

Elegant Dark CSS3 Menu Template

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

線上演示     原始碼下載

 

7. 創意的 CSS3 動畫選單

Css3 Animation Menus

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

線上演示     原始碼下載

 

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

Marble Style CSS3 Navigation Menu

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

線上演示     原始碼下載

 

9. 婆娑的 CSS3 下拉選單

Whirling CSS3 dropdown menu

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

線上演示     原始碼下載

 

10. 簡約風格 CSS3 下拉選單

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

線上演示     原始碼下載

 

您可能感興趣的相關文章

 

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

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


更多專業前端知識,請上 【猿204