3D InteractiveCard

Key Features

Smooth 3D tilt & hover effectCursor-responsive movementBackground image zoom & unzoomLightweight and performantPerfect for featured content, products, or portfolios

Controls

Tilt sensitivity/strengthHover zoom scale (e.g. 1.1 → 1.0)3D element size controlBackground image settingsPerspective

How It Works

When user hovers, the card tilts based on the cursor positionThe background image starts slightly zoomed (e.g. 1.1x), then transitions to normal scale on hoverCursor position is mapped to rotation angles and transform propertiesSmooth interpolation ensures natural motion

Refund Policy:

This component is non-refundable once purchased.