Hi All-
I have searched everywhere on here, as far as I know, for a way to delay the dropdown menus using the css3 Transition tags with no such luck. My main issue is that when the mouse slides off the menu, which is very easy, they have to start from the top again which is driving some of my customers nuts! Has anyone tried this before? I just need to try and figure out where to put the css. in the regular stylesheet.css or in the stylesheet_header_menu.css.
I am testing it out on my trial site (http://petetrial.midwestbusparts.com/) on the stylesheet_header_menu.css
Code:
line 91
/*My attempt at delaying the dropdown menus*/
#nav ul {
transition: opacity 0s 1s, z-index 0s 1s;
-o-transition: opacity 0s 1s, z-index 0s 1s;
-ms-transition: opacity 0s 1s, z-index 0s 1s;
-moz-transition: opacity 0s 1s, z-index 0s 1s;
-webkit-transition: opacity 0s 1s, z-index 0s 1s;
}
before i monkey with the full site. here is a link to my example that I would like to do. https://github.com/Prinzhorn/delayed-css-drop-down Any help would be greatly appreciated.
Bookmarks