dropdown navigation with transition

beainless

New Member
i tried to use css transition code to make my dropdown navigation with ease in effect like this theme demo: http://themeforest.net/item/heat-pr...full_screen_preview/3700508?ref=themespottersbut i tried many way to code, just can't have that effect also i need my submenu stay longer when hover on its parent or it cannot be clicked!thanks lots, here's my web link: http://hxxa.info/and the css code i have now: \[code\]#menu_container { border-top: 1px solid #000; border-bottom: 15px solid #000; padding: 0px 0px; font-size: 13.5px; }#menu_container ul { list-style-type: none; float: left; padding: 0px 0; }#menu_container ul li { float: left; }#menu_container ul li a { display: block; color: #000; text-decoration: none; padding: 5px 20px; margin: 0 0px; }#menu_container ul li a:hover { background-color: #000; color: #fff; }#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a { background-color: #000; color: #fff; }#menu_container .cat_menu { border-left: 1px dotted #DDDDDD; }#menu_container ul li ul {display: none;} #menu_container ul li:hover ul {border-top: 1px solid #000; border-bottom: 15px solid #000; width:278px; display: inline-block;position: absolute; z-index:999; background-color: #fff;}#menu_container ul li ul li:hover { width: 278px; background-color: #000;}#menu_container ul li ul li a:hover { background-color: #fff; color: #5e5e5e}\[/code\]
 
Back
Top