Tilt Card
A card that leans toward your cursor and catches the light.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- maxTilt
- perspective
- scale
- glare
- stiffness
What it does
Tilt Card is a card animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called depth tilt, 3d card or parallax card.
The card tips in 3D toward wherever the pointer rests and lifts a touch, while a soft highlight slides across its face. Moving away lets it settle back flat. Touch screens and reduced-motion settings keep it still.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.