사용법
콘텐츠가 화면을 통과하는 위치에 맞춰 자연스럽게 나타났다 사라져요.
스크롤에 맞춰 흐려져요
인터페이스
ScrollFadeProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| mode | "in" | "out" | "both" | both | 페이드 동작 |
| fadeInEnd | number | 0.3 | 페이드 인 종료 비율 |
| fadeOutStart | number | 0.7 | 페이드 아웃 시작 비율 |
| minimumOpacity | number | 0 | 최소 불투명도 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
ScrollFade 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { ScrollFade } from "@goldtreedev/ui";