사용법
카드 위에서 포인터를 움직이면 3D tilt와 glare가 반응해요.
인터페이스
TiltCardProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| maxTilt | number | 14 | 최대 기울기(deg) |
| glare | boolean | true | glare 오버레이 |
| scale | number | 1.02 | 호버 scale |
| className | string | — | 루트 클래스 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수 |
TiltCard 컴포넌트 Props 표
가져오기
모션 CSS는 @goldtreedev/ui/motion.css를 함께 import해요.
@import "@goldtreedev/ui/motion.css";
import { TiltCard } from "@goldtreedev/ui";