연출 참고 자료

GSAP — SplitText masks: 글자 또는 줄을 마스크 안에서 이동시켜 드러내는 방식을 참고했습니다.

Codrops — Kinetic Typography Page Transition: 큰 타이포그래피를 장면 전환의 일부로 사용하는 방향을 참고했습니다.

이 시안은 HTML 레이어와 브라우저 Web Animations API로 직접 구현했습니다. GSAP 플러그인이나 외부 CDN에 의존하지 않습니다. 각 장면의 등장 효과는 약 0.5~1.3초에 마무리하고, 나머지 시간에는 문구를 고정해 읽을 수 있게 했습니다.

사진: 사용자 제공 원육·조리 사진. 원본 자료를 수정하지 않고 화면용 사본을 사용했습니다. 각 광고의 ‘사진·문구 편집’에서 교체하고 ‘HTML 저장’으로 독립 파일을 만들 수 있습니다.