사용법
각 문장이 화면 중심을 지날 때 원근 회전이 달라져요.
깊이를 더하고
시선을 이끌고
이야기를 완성해요
인터페이스
PerspectiveTextProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| perspective | number | 900 | 원근 거리(px) |
| maxRotate | number | 52 | 최대 회전각(deg) |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
PerspectiveText 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { PerspectiveText } from "@goldtreedev/ui";