텍스트 애니메이션
Text Rotator 3D
키워드 리스트가 3D 큐브 면처럼 위로 회전(rotateX+translateZ, preserve-3d)하며 교체됩니다. 감속 접근성 모드에서는 페이드로 전환합니다.
- 분류
- 텍스트 애니메이션
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/TextRotator3D-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| prefix | string | 우리는 | 앞에 붙는 고정 문구. |
| words | string[] | ["빠르고","독창적이고","아름답습니다"] | 큐브 면을 순환할 키워드 목록. |
| interval | number | 2200 | 각 단어 유지 시간(ms). |
| duration | number | 700 | 회전 전환 지속(ms). |
| color | string | #EC4899 | 키워드 색상(기본 마젠타). |
| className | string | undefined | 추가 CSS 클래스. |