애니메이션
Axis Crosshair
전체 화면 크로스헤어(수직·수평 라인)가 커서를 부드럽게 추적하고 교차점에 조준 링과 실시간 좌표를 표시하는 인터랙티브 효과.
- 분류
- 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/AxisCrosshair-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| lineColor | string | #C084FC | 수직·수평 라인 색상 (기본: 바이올렛) |
| ringColor | string | #5EEAD4 | 교차점 조준 링 색상 (기본: 틸) |
| lineThickness | number | 1 | 라인 두께(px) |
| ringSize | number | 44 | 조준 링 지름(px) |
| smoothing | number | 0.18 | 커서 추종 부드러움 (0~1, 작을수록 부드럽게 지연) |
| showCoords | boolean | true | 실시간 좌표 HUD 표시 여부 |