Shimmer Sweep

언제 쓰나

• question 카드의 em 강조어, stat 카드의 큰 숫자 위 1회성 반짝임
• AI·프리미엄·강조 요소 위에 얹어 시선 유도
• 톤: brand, news, emotional
• 쓰임 규칙: 1카드당 1회 — 남발하면 효과 약화

설치

npx hyperframes add shimmer-sweep

→ compositions/components/shimmer-sweep.html 생성.

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

components/shimmer-sweep.html 의 CSS를 가져와 타겟 요소에 클래스 또는 스니펫 적용. CSS gradient mask 기반.