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:checked ~ 標籤關閉 {
顏色：#222；
寬度：100%；
}

一款藍色紙張風格的CSS3 SVG製作的響應式側邊導覽下拉選單代碼，適用於使用者個人中心左側欄下拉式選單效果。