컴포넌트
Pointer Glow
커서가 향하는 방향으로 카드 테두리의 빛 호가 흐르는 글로우 카드로, conic-gradient 시작각을 컨테이너 중심 기준 커서 각도로 흘리고 mask exclude로 테두리만 발광시킨다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/PointerGlow-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| title | string | 커서 추종 보더 글로우 | 카드 제목(굵은 헤드라인). |
| description | string | 포인터가 향하는 방향으로 테두리의 빛 호가 흐릅니다. | 카드 본문 설명 텍스트. |
| tag | string | Pointer Glow | 카드 상단 라벨/태그. |
| borderWidth | number | 2 | 발광 테두리 두께(px). |
| glowArc | number | 90 | 빛나는 호의 각도 폭(도). 클수록 발광 구간이 넓다. |
| followEase | number | 0.18 | 커서 추종/이탈 시 각도 보간 완화 계수(0~1). 클수록 빠르게 따라온다. |