diff options
| author | Eltrac Koalar <hi@guhub.cn> | 2020-05-05 17:56:45 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-05 17:56:45 +0800 |
| commit | b0e8ae13fc6191d8439f0f18af73cb3ce147a669 (patch) | |
| tree | 40fb867334552b7204615fa80b9701b4ff5aede0 | |
| parent | 4bbf971456363eb1a62f65ad9b48d9ba44b3fcc3 (diff) | |
:art: Perf: 优化导航栏的毛玻璃效果
| -rw-r--r-- | assets/css/main/nav.css | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/assets/css/main/nav.css b/assets/css/main/nav.css index 3ae07d7..10f764f 100644 --- a/assets/css/main/nav.css +++ b/assets/css/main/nav.css @@ -6,14 +6,14 @@ */
/* Top Nav */
.nav {
- background: rgba(255,255,255,0.5);
- backdrop-filter: blur(10px);
- -webkit-backdrop-filter: blur(10px);
+ background: rgba(255,255,255,0.6);
+ backdrop-filter: blur(40px);
+ -webkit-backdrop-filter: blur(40px);
+ box-shadow: 0 0 10px rgb(180,180,180);
+ -webkit-box-shadow: 0 0 10px rgb(180,180,180);
+ -moz-box-shadow: 0 0 10px rgb(180,180,180);
width: 100%;
position: absolute;
- box-shadow: 0 0 20px #ddd;
- -webkit-box-shadow: 0 0 20px #ddd;
- -moz-box-shadow: 0 0 30px #ddd;
display: table;
top: 0;
z-index: 10;
|