Try this Snippet
Nope – you meant the Menu, not Slider. I’ll take a look…
The code seems to be:
a, li {
transition: all 0.18s cubic-bezier(0.64, 0.2, 0.02, 0.35) 0s;
}
ul.nav li.dropdown > ul.dropdown-menu {
visibility: hidden;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
visibility: visible;
}
Not quite working for me yet, but give it a try.
Credit to the author.
You can’t have a transition on display. It’s either displayed or not. It can’t be half displayed. In order to fade something in CSS you need to display the element in both on and off states and change it’s visibility property, eventually alter the z-index to make sure the links always work on visible elements (if you don’t and have an invisible element over the visible one the invisible one prevents the clicks on the visible one’s links in some versions of some browsers).
I don’t have the time to build a solution now, but wanted to set you on the right track. I’ll get back to this in a day or two if you’re not making any progress.
i build it further on the founded code on this http://wordpress.org/support/topic/fade-effect-with-hover-activated-menu-table-bgcolor?replies=9 and it works
a, li {
transition: all 0.2s cubic-bezier(0.64, 0.2, 0.02, 0.35) 0s;
}
ul.nav li.dropdown > ul.dropdown-menu {
opacity:0;
margin: 0;
visibility:hidden;
display:block;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
visibility:visible;
opacity:1;
display: block;
margin: 0;
}
thaks very much for the support
