사용법
페이지를 스크롤하면 카드가 일정한 간격으로 겹쳐 쌓여요.
CHAPTER 1
로컬 그라데이션 카드
CHAPTER 2
로컬 그라데이션 카드
CHAPTER 3
로컬 그라데이션 카드
인터페이스
CardStackScrollProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| stickyOffset | number | 96 | 고정 상단 간격(px) |
| stackGap | number | 16 | 카드 스택 간격(px) |
| scaleStep | number | 0.035 | 카드별 축소 단계 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
CardStackScroll 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { CardStackScroll } from "@goldtreedev/ui";