From 2aae7c287e69f4aec5f4d4bc50e61697b887037c Mon Sep 17 00:00:00 2001 From: Jonathon Wright Date: Sat, 27 Jun 2026 20:47:36 +1000 Subject: [PATCH] =?UTF-8?q?ui:=20backdrop=20pan=20=E2=80=94=20monotonic=20?= =?UTF-8?q?top=E2=86=92bottom=20drift?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The S→E→SE→NE loop wandered back near its start, so on a long page the per-screen movement was imperceptible (worse once the image was zoomed to 215%). Replace it with a single continuous vertical pan (~40% travel) so the board obviously drifts downward as the page scrolls. --- src/styles/global.css | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/src/styles/global.css b/src/styles/global.css index d424a57..95eaa67 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -428,18 +428,15 @@ svg { } } } +/* Clean monotonic top→bottom pan: as the page scrolls, the board slowly drifts + so the motion is always obvious (no wandering loop that nets to zero). ~40% of + the 215%-tall image = a long, continuous travel. */ @keyframes bgPan { - 0% { - transform: translate(-50%, -38%); + from { + transform: translate(-50%, -28%); } - 35% { - transform: translate(-50%, -62%); - } - 68% { - transform: translate(-62%, -62%); - } - 100% { - transform: translate(-62%, -38%); + to { + transform: translate(-50%, -72%); } }