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 */ }