텍스트 애니메이션
Flip Words
고정 문구 뒤의 단어가 세로축(X축)으로 3D 플립되며 다음 단어로 순환 교체되는 텍스트 애니메이션. 현재 단어는 위로 접혀 사라지고 다음 단어는 아래에서 펼쳐져 나타난다.
- 분류
- 텍스트 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/FlipWords-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| words | string[] | — | 순환 교체될 단어 목록 (필수). |
| interval | number | 2200 | 각 단어가 화면에 머무는 시간(ms). |
| flipDuration | number | 600 | 플립(뒤집힘) 전환 지속 시간(ms). |
| color | string | #C084FC | 단어 색상. 기본값은 Vivid Kit 바이올렛. |
| prefix | string | undefined | 앞에 붙는 고정 문구(선택). |
| className | string | undefined | 루트 span에 적용할 추가 클래스. |