텍스트 애니메이션

Char Drop Text

글자들이 위에서 하나씩 튕기며 떨어져 자리잡는 텍스트. 글자별 지연(stagger)과 목표를 지나쳤다 되돌아오는 바운스 이징으로 순차 낙하 효과를 만든다.

분류
텍스트 애니메이션
난이도
easy
변형
TS-TW

설치

npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CharDropText-TS-TW

Props

이름타입기본값설명
textstringVivid Kit표시할 텍스트.
staggernumber60글자 간 등장 지연(ms). 클수록 천천히 순차 등장.
classNamestringundefined추가 CSS 클래스(폰트·색상 등).