wcx/wolegca.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add some effects of menu button

Browse Source
This commit is contained in:
wolegca 2019-09-14 17:56:41 +08:00
parent 3ce6e7d4e0
commit 86b7748704
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
myui.css
View File

@ -103,7 +103,8 @@ body {
height: 30px; height: 30px;
cursor: pointer !important; cursor: pointer !important;
z-index: 4; z-index: 4;
padding-left: 10px padding-left: 10px;
padding-top:2px
} }
[for=menu-control].menu-button-container:hover span { [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){ #menu-control:checked~.menu-button-container .menu-button>span:nth-child(1){
transform:rotate(-30deg); transform:rotate(-30deg);
width:20px; width:20px;
top:2px top:3px;
left:2px
} }
#menu-control:checked~.menu-button-container .menu-button>span:nth-child(2){ #menu-control:checked~.menu-button-container .menu-button>span:nth-child(2){
transform:rotate(180deg); /* transform:rotate(-180deg); */
width:30px width:30px;
left:3px
} }
#menu-control:checked~.menu-button-container .menu-button>span:nth-child(3){ #menu-control:checked~.menu-button-container .menu-button>span:nth-child(3){
transform:rotate(30deg); transform:rotate(30deg);
width:20px; width:20px;
top:-2px top:-3px;
left:2px
} }
.content-border { .content-border {