사용법
SVG 정의 없이 CSS clip-path 좌표만으로 콘텐츠를 마스킹해요.
CSS MASK
인터페이스
SvgClipPathMaskProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| clipPath* | string | — | CSS clip-path 값 |
| definition | ReactNode | — | SVG 마스크 정의 |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
SvgClipPathMask 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { SvgClipPathMask } from "@goldtreedev/ui";