Tilted Card
An image that tilts toward the pointer and grows a little, with a caption tag trailing the cursor and an optional overlay.
import { TiltedCard } from "pleate/effects/tilted-card";Lakeside
Lakeside
Props
- src / alt
Image.
string- caption
Cursor tag, also a figcaption.
string- overlay
Content above the image.
ReactNode- maxTilt
Tilt (deg).
numberdefault 12- scale
Hover scale.
numberdefault 1.06
Accessibility
- A figure; the cursor tag is aria-hidden and the caption is in a visually hidden figcaption.
- Touch and reduced motion get the still image.