css过渡wordpress二十四

Question

我正在创建一个二十四岁儿童主题的wordpress网站。 我希望淡入过渡并发现： ease in transition of submenu

答案有效但是：

1. 对于2级菜单（子菜单下的子菜单），项目从左到右飞入，而不仅仅是“凭空”出现。 - 我该如何解决这个问题？

2. 此过渡影响了移动显示版本 - 如何停止此操作？

感谢您的时间和帮助。

Answer 1

我自己想通了，因为子菜单在父主题中是-999em：

＆＃13;

＆＃13;

/* Smooth transition of menus */
    .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul {
      opacity:1; 
    }

    .primary-navigation ul ul{
     transition: 1s;
   opacity:0;
    }

/* Submenus to slide out of submenus */
    .primary-navigation ul ul ul{
    top: 0px;
    left: 150px;
    }

/* Mobile nav menu to always show and not require hover */   
@media (max-width: 782px) {
    .primary-navigation ul ul{
     transition: 1s;
   opacity:1;
    }
}

＆＃13;

＆＃13;

＆＃13;