Hover tilt (3D card)
An element rotates in 3D to follow the cursor — tilting as if it's a physical object.
What you're seeing
Cards or images tilt in 3D space as your cursor moves — like picking up a card and angling it.
Where you'll see it
Cards, product images, portfolio thumbnails.
Difficulty
Low — 2/5
Libraries that build it
CSScustom JSVanillaTilt.js
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Apply CSS perspective(800px) and rotateX/Y transforms based on cursor position within the element, lerp to 0 on mouse leave"