feat: 官网顶部导航栏胶囊高亮效果
All checks were successful
continuous-integration/drone/push Build is passing

- 去掉 border-bottom: 2px solid 蓝色底线
- 改为 background: rgba(255,255,255,0.08) 半透明圆角背景
- 加 border-radius: 8px 胶囊形状
- 平滑 0.2s 过渡
This commit is contained in:
yiqiu
2026-03-19 20:45:54 +08:00
parent f354a113b1
commit 22d63e5be5
2 changed files with 12 additions and 7 deletions

View File

@@ -120,16 +120,19 @@ body {
display: flex;
align-items: center;
height: 56px;
padding: 0 20px;
padding: 0 16px;
margin: 0 2px;
font-size: 15px;
cursor: pointer;
border-bottom: 2px solid transparent;
transition: color 0.2s ease;
border-bottom: none;
border-radius: 8px;
transition: color 0.2s ease, background 0.2s ease;
}
.nav-menu .nav-item:hover {
color: #fff;
border-bottom: 2px solid rgba(59, 130, 246, 0.8);
background: rgba(255, 255, 255, 0.08);
border-bottom: none;
}