Movement & Transforms · Move, rotate, scale
3D tilt3D 倾斜
- spatial
- responsive
- tactile
The card turns slightly in 3D space following the pointer, as if light were sweeping across it.
When to use it
Use it on display cards, covers and other elements users can linger over; avoid it on forms and long text, where it disturbs reading.
Parameters
perspective 800px · rotateX/rotateY ≤ 8deg · follows 150ms ease-out
Recipe
3D tilt → 150ms ease-outwhen rotateX/rotateY ≤ 8deg3D tilt → perspective 800px · follows 150ms ease-out
One sentence for your AI
Add pointer-following 3D tilt to this card: perspective 800px on the container, rotateX/rotateY up to 8 degrees, following with 150ms ease-out and returning to 0 on leave.