애니메이션
Shine Badge
뱃지 표면 위로 사선 하이라이트 밴드가 주기적으로 스윕하는 라벨입니다. gradient sweep keyframes로 광택이 훑고 지나가며, prefers-reduced-motion 시 정적 뱃지로 유지됩니다.
- 분류
- 애니메이션
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ShineBadge-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | string | NEW | 뱃지에 표시할 텍스트. |
| color | string | #C084FC | 뱃지 배경 강조색(CSS color 값). |
| period | number | 2.6 | 하이라이트 스윕 한 주기 시간(초). |
| className | string | undefined | 뱃지 루트에 추가할 CSS 클래스명. |