텍스트 애니메이션
Char Drop Text
글자들이 위에서 하나씩 튕기며 떨어져 자리잡는 텍스트. 글자별 지연(stagger)과 목표를 지나쳤다 되돌아오는 바운스 이징으로 순차 낙하 효과를 만든다.
- 분류
- 텍스트 애니메이션
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CharDropText-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| text | string | Vivid Kit | 표시할 텍스트. |
| stagger | number | 60 | 글자 간 등장 지연(ms). 클수록 천천히 순차 등장. |
| className | string | undefined | 추가 CSS 클래스(폰트·색상 등). |