motion-tilt
3D perspective tilt that follows the cursor. Springs back on leave with a glossy specular highlight and dynamic shadow.
Preview
Tilt me
Move cursor within
Import
Usage
Properties
| Attribute | Property | Type | Default | Description |
|---|---|---|---|---|
| | | number | 15 | Maximum tilt angle in degrees |
| | | number | 1.04 | Scale factor applied on hover |
| | | boolean | false | Show specular gloss highlight tracking the cursor |
| | | number | 0.5 | Spring duration hint in seconds |
Accessibility
Respects prefers-reduced-motion: when enabled, the tilt effect and gloss overlay are disabled and the element renders flat.