diff --git a/assets/css/main.css b/assets/css/main.css index 0a78fe8..67c9381 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -577,6 +577,37 @@ animation: glitch-clip 2.5s steps(1) infinite; } +/* ── Nav & footer link hover polish ─────────────────────────── */ + +/* Desktop nav links — lift + glow on hover */ +header nav a.label { + transition: color 0.2s var(--ease-sharp), transform 0.2s var(--ease-out-expo); +} +header nav a.label:hover { + transform: translateY(-1px); +} + +/* Active underline — smooth width via transition */ +header nav a.label span { + transition: width 0.35s var(--ease-out-expo); +} + +/* Footer links — subtle lift */ +footer nav a.label { + transition: color 0.2s var(--ease-sharp), transform 0.2s var(--ease-out-expo); +} +footer nav a.label:hover { + transform: translateY(-1px); +} + +/* Footer social links — icon nudges on hover */ +footer nav a.label svg { + transition: transform 0.2s var(--ease-out-expo); +} +footer nav a.label:hover svg { + transform: translate(1px, -1px); +} + /* ── View Transitions ────────────────────────────────────────── */ ::view-transition-old(main-content) { animation: 160ms var(--ease-sharp) both page-out;