Line 269: | Line 269: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
− | + | -webkit-transform: translateY(-50%); | |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
− | transform: translateY(-50%); | + | transform: translateY(-50%); |
left: .875em; | left: .875em; | ||
} | } | ||
Line 291: | Line 291: | ||
top: 50%; | top: 50%; | ||
bottom: auto; | bottom: auto; | ||
− | + | -webkit-transform: translateY(-50%); | |
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
− | transform: translateY(-50%); | + | transform: translateY(-50%); |
right: 10em; | right: 10em; | ||
/* hidden on small devices */ | /* hidden on small devices */ | ||
Line 327: | Line 327: | ||
/*响应缩进后三条杠的颜色*/ | /*响应缩进后三条杠的颜色*/ | ||
background-color: rgba(2, 23, 37, 0); | background-color: rgba(2, 23, 37, 0); | ||
+ | } | ||
+ | .cd-primary-nav-trigger:hover{ | ||
+ | position: fixed; | ||
+ | transform: translateY(0); | ||
} | } | ||
Line 364: | Line 368: | ||
} | } | ||
− | .cd-primary-nav-trigger .cd-menu-icon::before, | + | .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { |
− | + | ||
content: ''; | content: ''; | ||
width: 100%; | width: 100%; | ||
Line 389: | Line 392: | ||
} | } | ||
− | .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, | + | .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after { |
− | + | ||
background-color: white; | background-color: white; | ||
} | } | ||
Line 420: | Line 422: | ||
line-height: 30px; | line-height: 30px; | ||
/*菜单栏整体位置*/ | /*菜单栏整体位置*/ | ||
− | left: | + | left: 0vw; |
− | top: | + | top: 10vh; |
bottom: auto; | bottom: auto; | ||
-webkit-transform: translateY(-50%); | -webkit-transform: translateY(-50%); |
Revision as of 14:02, 8 October 2019