사용법
여러 레이어가 서로 다른 속도와 방향으로 이동해요.
인터페이스
OliverParallaxProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| speeds | readonly number[] | — | 레이어별 패럴랙스 속도 |
| baseSpeed | number | 0.12 | 기본 패럴랙스 속도 |
| speedStep | number | 0.1 | 레이어별 속도 증가값 |
| axis | "x" | "y" | y | 이동 축 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
OliverParallax 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { OliverParallax } from "@goldtreedev/ui";