애니메이션
Spotlight Tilt
카드가 커서를 따라 3D로 기울면서, 동시에 커서 지점에 방사형 스포트라이트 광택이 겹쳐 유리 같은 입체감을 만듭니다.
- 분류
- 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SpotlightTilt-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| maxTilt | number | 14 | 최대 기울기 각도(deg). 카드 가장자리에 커서가 갈수록 이 값에 근접합니다. |
| children | ReactNode | undefined | 카드 내부 콘텐츠. 없으면 기본 데모 카드가 표시됩니다. |
| className | string | undefined | 래퍼 요소에 적용할 추가 클래스명. |