텍스트 애니메이션
Spotlight Text
포인터를 따라가는 스포트라이트 마스크로 텍스트가 밝게 드러나는 효과. 어두운 층 위에 밝은 층을 겹치고, 커서 좌표(--x/--y) 중심의 radial-gradient 마스크로 주변만 밝게 노출한다. rAF로 좌표 갱신을 스로틀링.
- 분류
- 텍스트 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SpotlightText-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| text | string | HOVER ME | 표시할 텍스트. |
| radius | number | 120 | 스포트라이트 반경(px). 클수록 넓게 드러남. |
| className | string | undefined | 추가 CSS 클래스(폰트·커서 등). |