www.gusucode.com > 用CSS3制作的手机版顶部下滑菜单源码程序 > 用CSS3制作的手机版顶部下滑菜单/用CSS3制作的手机版顶部下滑菜单/用CSS3制作的手机版顶部下滑菜单/css/foldit.css

    
.folditmenu   {
	position: relative; 
	top: 0px; 
	left: 0px; 
	right: 0px; 
}

.folditmenu li   { 
	position: absolute ; 
	left: 0px; 
	right: 0px; 
	background: #fff;
	/*height: 30px*/  /* if used without jQuerimobile css  , use fixed height for item */
	 zoom:1;
}

.folditmenu .even {   
	position: absolute ; 
	-webkit-transform-origin:50% 0%;
	   -moz-transform-origin:50% 0%;
	    -ms-transform-origin:50% 0%;
	        transform-origin:50% 0%;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	   -moz-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	    -ms-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	        transform: perspective(1000px) rotate3d(1,0,0,90deg);
	         zoom:1;
}

.folditmenu .odd {  
    position: absolute ; 
	-webkit-transform-origin: 50% 100%;
	   -moz-transform-origin: 50% 100%;
	    -ms-transform-origin: 50% 100%;
	        transform-origin: 50% 100%;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,-90deg);  
	   -moz-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	   -ms-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	        transform: perspective(1000px) rotate3d(1,0,0,90deg);
	        zoom:1;
}

.menuIsOpen {   
	/* menu  is open now */
}

.menuIsAmimationNow  {    
	/* menu is amimation now */
}