mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-14 18:01:20 +08:00
ad2a632e7f
anime.js v4.5.0 cannot interpolate a text-shadow tween whose from/to values have a mismatched layer shape (a 1-layer base shadow vs. a 3-layer glitch shadow in caption-glitch-rgb, or "none" vs. a 3-layer glow in caption-neon-glow): it silently freezes at the last-applied value (and can scramble color channels) instead of animating, so glitch-rgb's per-word RGB split never resets and neon-glow's glow never appears at all. Confirmed live via getComputedStyle probes seeking the registered timeline at 10ms increments, and by frame comparison against the pinned GSAP baseline. Fix both by tweening only plain numbers (--glitch-off/--glitch-alpha, --glow-r/-g/-b/-alpha) and letting CSS reconstruct the shadow, sidestepping anime's compound-value interpolation entirely.