CSS动画实现菜单栏从左边滑出

盗用一下图片吧：实际效果图如下：

1，有一个nav的侧边栏，有一个遮罩层，随着侧边栏打开，然后点击遮罩层关闭侧边栏

关键代码：

1.给slideNav（侧边栏设置如下属性）

1 .slideNav { 2 position: absolute; 3 left: -7rem; 4 top: 0; 5 width: 7rem; 6 height: 100%; 7 background: #555; 8 transition: left linear .3s; 9 }