mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-14 18:01:20 +08:00
Miguel Angel Simon Sierra
4561205d11
The intro title was hidden with the individual CSS 'scale: 0' property. anime.js animates scale through its own inline transform and never clears the individual property, so the two multiplied and the headline stayed at scale 0 for the whole clip (the cleanest Family B evidence on record: the sibling pink pill rendered while the headline was missing at t=0.9). GSAP folds individual transform properties into its transform management, which is why the identical authoring worked in the baseline. Drop the CSS 'scale: 0' (opacity 0 already hides the title) and drive scale explicitly from the timeline (scale: [0, 1.1]). Also pin the ambient wobble to rotate: ['0deg', '-3deg']: the pinned baseline renders the entrance untilted because GSAP dropped the stylesheet rotate(-5deg) when taking over the transform (its known axis-loss behavior, reproduced for parity, per the x-post precedent). Verified by snapshot at t=0.9/1.3/2.49 vs the pinned baseline: headline now present and matching; note the baseline clip is 10s while the composition is 15.6s (end card beyond baseline coverage).