Grid Pixelate Wipe

언제 쓰나

• 테크·데이터 카드의 "디지털" 리빌
• 8비트·레트로 게임 감성
• 톤: tech, minimalist
• 피해야: emotional, 감성 톤

설치

npx hyperframes add grid-pixelate-wipe

→ compositions/components/grid-pixelate-wipe.html 생성.

와이어링 (컴포넌트 방식)

components/grid-pixelate-wipe.html 의 HTML/CSS 스니펫을 복사해 씬 사이에 삽입. 자체적으로 키프레임을 돌리므로 data-* 타이밍만 맞춰주면 됨.