Card 3D

Interactive 3D perspective card that follows mouse movement with depth effects on child elements.

Basic Usage

Make things float in 3D

Hover over this card to see the 3D depth effect. Each element can have its own translateZ value.

Forest landscape
Try now →

High Depth Values

I float higher
translateZ = 40
translateZ = 150, rotateZ = 5