CSS3响应式侧边导航下拉菜单代码

html {
  字体系列：'Lato'，无衬线；
}

主要的 {＃＃＃   显示：-webkit-box;
  显示：-ms-flexbox;
  显示：柔性；
  -webkit-box-pack：中心；
      -ms-flex-pack：中心；
          调整内容：中心；
  -webkit-box-align：中心；
      -ms-flex-align：居中；
          对齐项目：中心；
  高度：100vh；
}

输入.hamburger {
  显示：无；
}
input.hamburger：选中〜标签>我 {＃＃＃   背景颜色：透明；
  -webkit-transform: 旋转(90deg);
          变换：旋转(90deg);
}
input.hamburger：选中〜标签>我：在{
之前   -webkit-transform: 平移(-50%, -50%) 旋转(315deg);
          变换：平移(-50%, -50%) 旋转(315deg);
}
input.hamburger：选中〜标签>我：{
之后   -webkit-transform: 平移(-50%, -50%) 旋转(-315deg);
          变换：平移(-50%，-50%) 旋转(-315deg);
}
input.hamburger: 已选中 ~ 标签关闭 {
  颜色：#222；
  宽度：100%；
}


一款蓝色纸张风格的CSS3 SVG制作的响应式侧边导航下拉菜单代码，适用于用户个人中心左侧栏下拉菜单效果。