On Monday, August 23, 2010 5:27:35 pm David Laakso wrote:
> min-height?
Well, that resulted in something interesting...
Here's the code I used.
li.parent ul {
/* irrelavant code snipped */
height: 0;
-webkit-transition: all .3s ease-in;
}
li.parent:hover ul {
min-height: 4em;
height: auto;
}
The result was that on hover, the menu appears with a fade-in (even without
specifying opacity - not what I expected) and then, on unhover, it fades back
out AND wipes up. On slowing it down, it immediately shrinks to 4em, and then
wipes up from there. But at the .3 seconds, you can't tell that, and it looks
pretty good.
I'm going to play a little more, but then I'll put up some demos.
---Tim
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
