사용법
스크롤할수록 문장의 단어가 순서대로 선명하게 나타나요.
인터페이스
TextScrollAnimationProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| text* | string | — | 표시할 텍스트 |
| mode | "chars" | "words" | words | 텍스트 분할 단위 |
| startViewport | number | 0.85 | 애니메이션 시작 뷰포트 비율 |
| endViewport | number | 0.25 | 애니메이션 종료 뷰포트 비율 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
TextScrollAnimation 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { TextScrollAnimation } from "@goldtreedev/ui";