Javascript 使导航菜单滑入

我该如何让这个菜单滑入汉堡菜单点击？它的背景是SVG，而不是实际的形状

这是我所需要的图像（右侧橙色梯形）

---

谢谢

如果我理解正确，您希望在导航中滑动。您的代码运行良好唯一的问题是负z索引，因为它使您的导航低于所有其他元素

.hideMenu {
    background-image: url(images/kreativez_menu_bg.svg);
    width: 48%;
    height: 100%;
    background-size: cover;
    position: fixed;
    transform: translateX(200%);
    z-index: 100;
    top: 0;
    left: 0;
    transition: transform 0.5s linear;
}

---

我不知道你想滑入哪个html元素？是吗，希德门乌尔？

.hideMenu {
    background-image: url(images/kreativez_menu_bg.svg);
    width: 48%;
    height: 100%;
    background-size: cover;
    position: fixed;
    transform: translateX(200%);
    z-index: 100;
    top: 0;
    left: 0;
    transition: transform 0.5s linear;
}