feat: add float animation and pink drop shadow to header logo

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-02 17:05:29 +02:00
parent 1ad6737a59
commit 0fd07614f0
2 changed files with 17 additions and 1 deletions
@@ -577,6 +577,22 @@ a:hover .logo-glitch {
  animation: glitch-clip 2.5s steps(1) infinite;
 }

+/* ── Header logo float + glow ─────────────────────────────── */
+.logo-img {
+  animation: logo-float 5s ease-in-out infinite;
+  filter: drop-shadow(0 0 8px rgba(255, 26, 140, 0.4));
+}
+.logo-static .logo-img,
+footer .logo-img {
+  animation: none;
+  filter: none;
+}
+
+@keyframes logo-float {
+  0%, 100% { transform: translateY(0);    filter: drop-shadow(0 0  8px rgba(255, 26, 140, 0.35)); }
+  50%       { transform: translateY(-4px); filter: drop-shadow(0 6px 14px rgba(255, 26, 140, 0.6)); }
+}
+
 /* ── Nav & footer link hover polish ─────────────────────────── */

 /* Desktop nav links — lift + glow on hover */