bootstrap垂直下拉菜單默認展開
HTML： <div class="col-md-3"> <nav class="navbar"> <div class="container-flui ...
原文：非常酷的CSS3垂直下拉動畫菜單
昨天我向大家介紹了一款兼容性不錯的jQuery淡入淡出下拉菜單，今天要分享一款相對絢麗的CSS 垂直下拉動畫菜單，不過需要支持CSS 的瀏覽器才能有效果。下面是效果圖，一起看看。 我們也可以在這里查看菜單DEMO演示。 下面來分析一下源代碼，首先是HTML代碼： 這里用ul構造了菜單的基本結構。 接下來就利用CSS 代碼來實現菜單的下拉和動畫效果。 CSS代碼比較繁瑣，這里我只是提供一些核心的CS ...
2014-04-20 11:12 1 2817 推薦指數：
相關推薦
8個超炫酷的純CSS3動畫及源碼分享
在現代網頁中，我們已經越來越習慣使用大量的CSS3元素，而現在的瀏覽器也基本都支持CSS3，所以很多時候我們不妨思考一下是否可以用純CSS3制作一些有趣或者實用的網頁。本文要分享8個超炫酷的純CSS3動畫，有幾個非常經典，比如大象走路的那個，如果你對CSS3感興趣，趕緊來看看吧。 1、純CSS3 ...
7款純CSS3實現的炫酷動畫應用
Loading進度條加載動畫特效 3款絢麗風格 今天我要分享一款更加炫酷的CSS3進度條加載動畫特效，該動畫特 ...
[轉] CSS3垂直手風琴折疊菜單
[From] http://www.html5tricks.com/css3-ver-accordion-menu.html 之前我們已經分享過很多關於手風琴菜單了，有水平方向的，也有垂直方向的。今天要分享的這款CSS3垂直手風琴折疊菜單也非常不錯，這款CSS3手風琴菜單的每一個菜單項都有 ...
一款CSS3仿Google Play的垂直菜單
之前分享過一款非常酷的CSS3垂直下拉動畫菜單，是多級菜單。今天我們來看一款也是用CSS3制作的垂直菜單，是仿Google Play的菜單，菜單項都帶有可愛的小圖標，可以先來看看效果圖： 當然你可以在這里看到這款垂直菜單的DEMO演示。 接下來我們來一起分析一下這款Google Play ...
純CSS3打造滑動下拉導航菜單
menu.css: 用到的圖片: menu_bg.png lavalamp.png menu_line.png 最終效果圖: ...
9種CSS3炫酷圖片展開預覽展示動畫特效
詳細內容請點擊 在線預覽立即下載 這是一組共9款CSS3炫酷圖片預覽展示動畫特效插件。css的新特性可以讓我們制作出各種炫酷的動畫效果。該圖片預覽展示動畫特效就是一個很好的例子，該效果開始時圖片堆疊在一起，當鼠標滑過圖片時，圖片會以9種不同的方式展開，有扇形 ...