Title: menu hover effect
Last modified: December 19, 2018

---

# menu hover effect

 *  [whisper9t](https://wordpress.org/support/users/whisper9t/)
 * (@whisper9t)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/menu-hover-effect/)
 * I just added a hover effect on nav menu in custom css.When hovering, my submenu
   should slide down one by one.However,my submenu will all popout and slide down
   one by one at the same time.
 * I am not sure if it’s because theme’s pre-defined hover setting,
    or bugs in 
   my codes.
 * theme:avada
    demo:creative hover code(css):
 *     ```
       .fusion-dropdown-menu:hover li{
       	animation: load .8s forwards;
       	display:block;
       	background:#000000;
       	perspective:1000px;
       }
   
       @keyframes load{
       	0%{
       		opacity:0 !important;
       		transform:translateY(-60px)  scale(0.3) rotateY(250deg);
       	}
       	30%{
       		opacity:0 !important;
       	}
   
       	100%{
       		opacity:1 !important;
       		transform:translateY(0px)  scale(1)   rotateY(360deg);
       	}
       }
   
       .fusion-dropdown-menu li:nth-child{
       	animation-delay: 0;
       }
   
       .fusion-dropdown-menu li:nth-child(2){
       	animation-delay: .15s;
       }
   
       .fusion-dropdown-menu li:nth-child(3){
       	animation-delay: 0.3s;
       }
   
       .fusion-dropdown-menu li:nth-child(4){
       	animation-delay: .45s;
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-hover-effect%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

The topic ‘menu hover effect’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/mesmerize/1.6.180/screenshot.jpg)
 * Mesmerize
 * [Support Threads](https://wordpress.org/support/theme/mesmerize/)
 * [Active Topics](https://wordpress.org/support/theme/mesmerize/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/mesmerize/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/mesmerize/reviews/)

## Tags

 * [submenu](https://wordpress.org/support/topic-tag/submenu/)

 * 0 replies
 * 1 participant
 * Last reply from: [whisper9t](https://wordpress.org/support/users/whisper9t/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/menu-hover-effect/)
 * Status: not resolved