diff --git a/src/components/Constellation.astro b/src/components/Constellation.astro index 57b8c12..e8ac0b8 100644 --- a/src/components/Constellation.astro +++ b/src/components/Constellation.astro @@ -246,11 +246,15 @@ animation: bzRing 3.6s ease-out infinite; } - @keyframes bzDash { to { stroke-dashoffset: -260; } } - @keyframes bzDashRev { to { stroke-dashoffset: 260; } } + /* dash pattern is 9+127 = a 136px period — the loop offset MUST be an exact multiple of it + (2×136 = 272) or every packet dot visibly teleports at the loop seam. */ + @keyframes bzDash { to { stroke-dashoffset: -272; } } + @keyframes bzDashRev { to { stroke-dashoffset: 272; } } @keyframes bzPulse { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } } @keyframes bzRing { - 0% { transform: scale(0.5); opacity: 0.9; } + /* start AND end at opacity 0 so the 3.6s restart never pops */ + 0% { transform: scale(0.5); opacity: 0; } + 10% { opacity: 0.9; } 100% { transform: scale(1.7); opacity: 0; } }