From 86b7748704dd22ad668a4bcd78da6b98aac30041 Mon Sep 17 00:00:00 2001 From: wolegca <2738076308@qq.com> Date: Sat, 14 Sep 2019 17:56:41 +0800 Subject: [PATCH] add some effects of menu button --- myui.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/myui.css b/myui.css index 1d4ccbb..8b0a720 100644 --- a/myui.css +++ b/myui.css @@ -103,7 +103,8 @@ body { height: 30px; cursor: pointer !important; z-index: 4; - padding-left: 10px + padding-left: 10px; + padding-top:2px } [for=menu-control].menu-button-container:hover span { @@ -144,18 +145,21 @@ body { #menu-control:checked~.menu-button-container .menu-button>span:nth-child(1){ transform:rotate(-30deg); width:20px; - top:2px + top:3px; + left:2px } #menu-control:checked~.menu-button-container .menu-button>span:nth-child(2){ - transform:rotate(180deg); - width:30px + /* transform:rotate(-180deg); */ + width:30px; + left:3px } #menu-control:checked~.menu-button-container .menu-button>span:nth-child(3){ transform:rotate(30deg); width:20px; - top:-2px + top:-3px; + left:2px } .content-border {