ATROPOS / CARD

The problem

Many 3D effects stay as decoration on a homepage. This Demo separates tilt, depth, and pointer position so the feedback can belong to a project card, product cover, or feature entry point.

What it does

• Move across the card and watch the grid, colour block, and type shift at different depths.
• Tune tilt intensity and perspective distance.
• Turn on an automatic float or reset the position.

Technical direction

The interaction model is informed by Atropos, while this version uses CSS 3D and native events to stay small and easy to embed.

Outcome

Depth becomes a tunable, reusable interaction parameter instead of an abstract visual adjective.