CSS样式部分：

开始的时候，菜单使用 right：﹣10px；隐藏起来。

当鼠标滑过的时候在将这个菜单列表再移回到屏幕当中。

每个菜单项都要通过nth﹣child旋转器来选择然后添加延迟时间。

至于半透明的遮罩层则使用social元素的：after伪元素来制作。

当鼠标滑过屏幕上方的header元素时将移动它的left属性，制作最后的效果。

今天的内容就分享到这里，更多内容敬请期待！