javascript - 如何从 React Burger 菜单中删除左侧阴影？

Question

我有 React Burger Menu 设置，它运行良好。唯一的问题是左侧的阴影。您可以在随附的屏幕截图中看到。

<div id="" className="bm-menu-wrap" style="position: fixed; right: inherit; z-index: 1100; width: 300px; height: 100%; transition: all 0.5s ease 0s; transform: translate3d(-100%, 0px, 0px);">
.....
.....
.....
</div>

代码看起来像上面 translate3d 所在的位置

translate3d(-100%, 0px, 0px);

如果我将其更改为

translate3d(-110%, 0px, 0px);

然后它不会显示阴影，不幸的是我不能用 CSS 做到这一点。因为有没有可能在不影响菜单的情况下做到这一点？

标签： javascriptcssreactjsnpm

Answer 1

我确实将 css 添加到 .bm-menu

.bm-menu {
    background: #373a47;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

添加变换后：

矩阵（1, 0, 0, 1, 0, 0）；

问题得到解决。