From b7442eb9acf4c05545ea9c26b139acbda15eb718 Mon Sep 17 00:00:00 2001 From: Jonathan Hefner Date: Sun, 15 Feb 2026 16:21:18 -0600 Subject: [PATCH] Fix logo carousel snap at animation loop boundary (#165) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The `logo-scroll` keyframe translated by `-50%`, but flex `gap: 3rem` means `2N` duplicated items have `2N - 1` gaps — so the track doesn't split evenly at 50%. The seam between the two copies sits at `50% + half a gap`. Adjusting to `calc(-50% - 1.5rem)` aligns the animation endpoint with the start of the second copy, eliminating the visible jump every 50 seconds. Co-authored-by: Claude Opus 4.6 (1M context) --- docs/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/style.css b/docs/style.css index a76e16e..bc76b93 100644 --- a/docs/style.css +++ b/docs/style.css @@ -100,7 +100,7 @@ body:has(#enable-section-numbers) { @keyframes logo-scroll { from { transform: translateX(0); } - to { transform: translateX(-50%); } + to { transform: translateX(calc(-50% - 1.5rem)); } } @media (prefers-reduced-motion: reduce) {