GoldTreeDevGTD UI

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

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

MotionScene

풍경·구름 레이어와 비네팅·그레인을 포함한 풀 패럴랙스 씬이에요.

사용법

풍경·구름 에셋과 NarrativeChapter를 조합한 풀 패럴랙스 씬이에요.

2

An absurd meeting

숲 가까이에서 이상한 소리가 들렸어요.

인터페이스

MotionSceneProps

속성타입기본값설명
landscapeSrcstring배경 풍경 이미지 URL
cloudSrcstring구름 오버레이 PNG URL
heightnumber420최소 높이(px)
overlayReactNode씬 오버레이 슬롯
childrenReactNode하단 콘텐츠
classNamestring루트 클래스
styleCSSProperties인라인 스타일·CSS 변수

MotionScene 컴포넌트 Props 표

가져오기

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

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

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