애니메이션
Glow Button
맥동하는 글로우와 호버 시 확장되는 빛무리를 가진 CTA 버튼. box-shadow 펄스 애니메이션과 호버 리프트, 뒤로 퍼지는 radial-gradient 빛무리로 시선을 끄는 행동 유도 버튼입니다.
- 분류
- 애니메이션
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/GlowButton-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| children | ReactNode | 지금 시작하기 ✨ | 버튼에 표시할 내용(텍스트/이모지) |
| pulseDuration | number | 2.2 | 펄스 한 주기 시간(초) |
| glowStrength | number | 0.6 | 글로우 강도(0~1). 클수록 그림자와 빛무리가 진해짐 |
| onClick | () => void | undefined | 클릭 시 실행되는 콜백 |
| ariaLabel | string | undefined | 접근성 라벨(children이 텍스트가 아닐 때 권장) |