Hover Tilt Card (3D)

InteractionsLive Preview

Card tilts toward the cursor on hover with a subtle shine effect.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Tilt Angle

Shine Effect

Shadow

Your Prompt

abcclick to edit

Create a 3D hover tilt card that rotates toward the cursor position with a max 10 degree tilt. Add a subtle glare overlay that follows the cursor on hover and a soft elevated shadow that shifts with the tilt. Use CSS perspective and JavaScript mousemove tracking on the card element. The card should smoothly reset when the cursor leaves.