Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
This site will be used by mostly incompetent menu users :)
I'd like to set a closemenu delay when the mouse is moved off the submenu for about 2 seconds. Using the below code, but that fades out AND in(undesired). do i need to add another state to make the menu open fast, but close slow? I know this isn't really an AT thing, but was hoping someone may have done such a thing. Thanks.
.ms-dropmenu .rm-block__content .menu .menu {
visibility: hidden;
opacity: 0;
transition-property: visibility, opacity;
-moz-transition-property: visibility, opacity;
-webkit-transition-property: visibility, opacity;
transition-timing-function: linear;
-moz-transition-function: linear;
-webkit-transition-function: linear;
transition-duration: .5s, 4s;
-moz-transition-duration: .5s, 4s;
-webkit-transition-duration: .5s, 4s;
transition-delay: 0.5s, 0s;
-moz-transition-delay: 0.5s, 0s;
-webkit-transition-delay: 0.5s, 0s;
Comments
Comment #2
Jeff Burnz CreditAttribution: Jeff Burnz commentedmaybe something like this?
http://jsfiddle.net/YZvdm/29/
Comment #3
wheretoplaygames CreditAttribution: wheretoplaygames commentedExactly like that!
I was really close, but confused on the just how to utilize the transition-duration and transition-delay.
Fiddling with it made it so much easier to see.
Thanks again!