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种不同的方式展开，有扇形 ...