如何解决如何从React Burger菜单中删除左侧阴影?
我有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做到这一点。是否有可能在不影响菜单的情况下执行此操作?
解决方法
我确实将css添加到.bm-menu
.bm-menu {
background: #373a47;
transform: matrix(1,1,0);
}
添加转换后:
matrix(1、0、0、1、0、0);
问题解决了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。