Skip to content

component

3D InteractiveCard

By NOMAN

Details

Summary

3D Card for showcasing work/others.

Description

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.

Introduction

3D Card for showcasing work/others.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600174468/148/228/309/79/15
  • All · #7446