텍스트 애니메이션
Flap Board
공항 스플릿플랩 표지판처럼 각 글자가 문자셋을 순회하다 목표 문자에 정착합니다. 글자마다 시차(stagger)와 반쪽 접힘(flip) 애니메이션이 적용됩니다.
- 분류
- 텍스트 애니메이션
- 난이도
- hard
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/FlapBoard-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| text | string | VIVID KIT | 최종 표시 텍스트. |
| flipMs | number | 70 | 한 문자를 넘기는 시간(ms). |
| stagger | number | 120 | 글자 간 시작 지연(ms). |
| color | string | #5EEAD4 | 글자 색상(기본 틸). |
| className | string | undefined | 추가 CSS 클래스. |