사용법
카드가 번갈아 회전하며 깊이감 있는 스택을 만들어요.
CHAPTER 1
로컬 그라데이션 카드
CHAPTER 2
로컬 그라데이션 카드
CHAPTER 3
로컬 그라데이션 카드
인터페이스
CardStackRotateProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| stickyOffset | number | 96 | 고정 상단 간격(px) |
| stackGap | number | 16 | 카드 스택 간격(px) |
| rotationStep | number | 2.5 | 카드별 회전 단계(deg) |
| scaleStep | number | 0.025 | 카드별 축소 단계 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
CardStackRotate 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { CardStackRotate } from "@goldtreedev/ui";