텍스트 애니메이션
Arc Marquee
텍스트가 부드러운 SVG 곡선을 따라 이음새 없이 무한히 흐르는 러닝 텍스트 효과.
- 분류
- 텍스트 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ArcMarquee-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| text | string | VIVID KIT ★ 곡선을 따라 흐른다 ★ | 곡선을 따라 흐를 문구. 뒤에 구분자를 붙이면 반복 이음새가 자연스럽다. |
| curveDepth | number | 60 | 곡선의 굽이 정도(px). 양수면 아래로 볼록, 음수면 위로 볼록, 0이면 직선. |
| speed | number | 6 | 흐름 속도(초당 startOffset 이동 %). 클수록 빠르게 흐른다. |
| direction | "ltr" | "rtl" | ltr | 흐름 방향. ltr 왼→오른쪽, rtl 오른→왼쪽. |
| fontSize | number | 34 | 글자 폰트 크기(px). |
| colorFrom | string | #C084FC | 그라디언트 시작 색상(바이올렛). |