Elementskit megamenu

Question

在我们的网站上，当我们将鼠标移到大型菜单上时，它会立即消失。

我希望它在 200-300 毫秒后消失，因为在大型菜单中我们有一个表单，当有人单击“提示”时 - 菜单将在选择它之前消失。

@media (min-width: 1025px){
    .elementskit-megamenu-has .elementskit-megamenu-panel {
        transition: 300ms !important; //your desired time in milliseconds
    }
}

到目前为止，我们已经尝试过上面的代码，但不幸的是它没有帮助。

Answer 1

取决于大型菜单面板不可见时应用的 CSS 是什么。 如果是

display: none;

到

display: block;

，反之亦然，我非常确定您无法将过渡效果应用于显示属性。

如果您可以分享您的网站以供进一步调查，将会非常有帮助。

Answer 2

在我们的网站上，当我们将鼠标移到大型菜单上时，它会立即消失。

我希望它在 200-300 毫秒后消失，因为在大型菜单中我们有一个表单，当有人单击“提示”时 - 菜单将在选择它之前消失。

-- 这是代码--

@media（最小宽度：1025px）{ .elementskit-megamenu-有 .elementskit-megamenu-面板 { 过渡：不透明度 300ms 缓和、可见性 300ms 缓和、变换 300ms 缓和； // 添加所需的属性到转换 转换延迟：200ms； // 设置延迟为200ms（根据需要调整） 不透明度：0； // 可以选择将不透明度设置为 0 以实现淡出效果 可见性：隐藏； // 可选择隐藏该元素 变换：翻译Y（20px）； // 可以选择添加一个转换，例如向上移动菜单 }

.elementskit-megamenu-has:hover .elementskit-megamenu-panel {
    opacity: 1; // Set opacity back to 1 on hover
    visibility: visible; // Show the element on hover
    transform: translateY(0); // Reset any transformation on hover
}

}