Hover Tilt Card (3D)
Card tilts toward the cursor on hover with a subtle shine effect.
Adjust the preview
Every choice updates the preview and the wording below.
Tilt Angle
Shine Effect
Shadow
Your prompt
Highlighted values follow your choices — click one to write your own.
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.
Paste it into Claude, Cursor, or v0 along with the context for your project.