애니메이션
Sparkles
무작위 위치에서 작은 별가루가 opacity·scale로 명멸(twinkle)하는 반짝임 오버레이. 어떤 콘텐츠 위에도 겹쳐 쓰는 투명 오버레이로, 개수·크기·명멸 속도·색상을 props로 조절할 수 있다.
- 분류
- 애니메이션
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/Sparkles-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| count | number | 28 | 생성할 스파클 개수 |
| minSize | number | 6 | 스파클 최소 크기(px) |
| maxSize | number | 18 | 스파클 최대 크기(px) |
| minDuration | number | 1.4 | 명멸 1주기 최소 시간(초) |
| maxDuration | number | 3.2 | 명멸 1주기 최대 시간(초) |
| background | string | "transparent" | 오버레이 배경 (투명 오버레이로 쓸 때 transparent) |
| colors | string[] | ["#C084FC", "#EC4899", "#FFFFFF"] | 스파클 색상 목록 (기본: Vivid Kit 브랜드 색) |
| className | string | "" | 추가 CSS 클래스 |