最近在做一个自适应网站，移动端隐藏导航并显示导航按钮，点击按钮之后导航从左侧或者右侧滑动出来，自己做的话我想的是移动端的时候隐藏导航栏，然后显示导航按钮，再新写一个fiex布局，宽高为100vw,100wh，这个布局里面分为两个小布局，一个是黑色透明背景，点击之后隐藏这个布局，一个是导航布局，效果如下：

最简单的效果很简单，就是点击之后按钮，显示出fiex布局，点击黑色区域隐藏。但是别人的都是带有动画的，怎么实现呢？
自己做只能实现点击出现后从右到左的动画效果，关闭时没有效果，于是想着看看业内都是怎么做的，于是看了一下ui中国的实现方式：

用的是transform translate3d,开关就是第一个参数0和100%，于是我知道了问题出现的原因，这个侧边栏的显示与隐藏不是display:none,我之前无法做到消失动画就是因为设置了display:none，自己也知道原因，但是不知道应该如何解决，现在看了人家的方式，简直是醍醐灌顶，有其他实现方式的大佬可以讨论一下

1.

2. 沙发，板凳，年更尧
小尾巴华为Mate40 Pro鸡佬版