From c4d83779df9282c99889d2aacb13e4abd934de49 Mon Sep 17 00:00:00 2001 From: Justin Oros Date: Thu, 21 May 2026 09:46:06 -0700 Subject: [PATCH] Remove tree sway animation; add float animation to map NPC instead --- style.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 66335ef..27a1619 100644 --- a/style.css +++ b/style.css @@ -474,12 +474,11 @@ html, body { .tree { position: absolute; display: inline-block; - animation: treeSway 3s ease-in-out infinite; filter: drop-shadow(1px 2px 0 rgba(0,0,0,.3)); line-height: 1; z-index: 60; } -.tree:nth-child(even) { animation-direction: reverse; } +.tree:nth-child(even) { } /* Directional nudge arrow */ .map-dir-arrow { position: absolute; @@ -495,7 +494,7 @@ html, body { /* NPC lives inside .map-inner, positioned in world-px via JS */ .map-npc-wrap { position:absolute; text-align:center; z-index: 30; } .npc-bubble { font-size:14px; font-family:var(--font); color:var(--black); background:var(--yellow); border:2px solid var(--black); width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin:0 auto 2px; animation:bounce .7s ease-in-out infinite; } -.map-npc { font-size:clamp(36px,10vw,52px); filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35)); cursor:pointer; } +.map-npc { font-size:clamp(36px,10vw,52px); filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35)); cursor:pointer; animation:npcFloat 2s ease-in-out infinite; } /* Player is fixed to the viewport centre horizontally; only Y moves */ /* "..." bubble above player when pressing talk away from NPC */ .player-bubble {