diff --git a/css/index.css b/css/index.css index 228e8ee..2f75a8b 100644 --- a/css/index.css +++ b/css/index.css @@ -76,6 +76,69 @@ color: #38BDF8; } +/* ============================================ + Header Logo 闪光特效 + ============================================ */ + +#index .nav-icon { + position: relative; + overflow: hidden; +} + +#index .nav-icon::before { + content: ''; + position: absolute; + top: -50%; + left: -100%; + width: 50%; + height: 200%; + background: linear-gradient( + 90deg, + transparent 0%, + rgba(255, 255, 255, 0.1) 40%, + rgba(255, 255, 255, 0.4) 50%, + rgba(255, 255, 255, 0.1) 60%, + transparent 100% + ); + transform: skewX(-25deg); + animation: logoShine 6s ease-in-out infinite; + pointer-events: none; +} + +@keyframes logoShine { + 0% { + left: -100%; + } + 20% { + left: 150%; + } + 100% { + left: 150%; + } +} + +#index .nav-icon:hover::before { + animation: logoShineHover 0.8s ease-in-out; +} + +@keyframes logoShineHover { + 0% { + left: -100%; + } + 100% { + left: 150%; + } +} + +#index .nav-icon img { + transition: all 0.3s ease; +} + +#index .nav-icon:hover img { + filter: brightness(1.1) drop-shadow(0 0 10px rgba(56, 189, 248, 0.3)); + transform: scale(1.02); +} + /* ============================================ Header 登录注册按钮重新设计 ============================================ */