GoldTreeDevGTD UI

문서 제목, 아이콘 이름, 앱 이름으로 검색할 수 있어요.

전체 문서 보기 이동 · Enter 열기 · Esc 닫기

ParallaxLayer

스크롤 속도에 따라 레이어가 다르게 움직여요. 깊이감 있는 그래픽 레이어에 쓰기 좋아요.

사용법

가이드

인터페이스

ParallaxLayerProps

속성타입기본값설명
speednumber0.3패럴랙스 강도 (0~1)
axis"y" | "x"y이동 축
classNamestring루트 클래스
styleCSSProperties인라인 스타일·CSS 변수

ParallaxLayer 컴포넌트 Props 표

가져오기

모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.

@import "@goldtreedev/ui/motion.css";

import { ParallaxLayer } from "@goldtreedev/ui";
ParallaxLayer · 모션 UI | GoldTreeDev Docs