애니메이션
Elastic Cursor
스프링 지연으로 부드럽게 따라오는 커서 링. 이동 속도벡터의 방향으로 타원이 신축되어(빠를수록 진행 방향으로 늘어남) 관성감을 표현합니다. rAF 스프링 적분 + pointer 이벤트로 구동되며, prefers-reduced-motion 시 비활성화됩니다.
- 분류
- 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ElasticCursor-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| className | string | undefined | 커서 링 요소에 추가할 CSS 클래스 |