3D & Depth
Perspective transforms, parallax cards, layered depth, floating elements.
Perspective Tilt Cards
Cards with 3D perspective transforms that tilt on hover
Tilt Left
Hover to see the 3D perspective tilt effect on this card.
Tilt Up
Rotates with a subtle 3D tilt on the Y and X axes.
Tilt Right
Each card tilts differently with preserved 3D space.
Layered Depth Cards
Cards with multiple shadow layers creating floating depth
Layer One
Multiple shadow layers create an elevated, floating appearance.
Layer Two
Multiple shadow layers create an elevated, floating appearance.
Layer Three
Multiple shadow layers create an elevated, floating appearance.
Floating Elements
Animated floating shapes with different durations and delays
Floating shapes with animated drift
3D Push Buttons
Buttons with shadow depth that press down on click
Isometric Cards
Cards with isometric transforms that flatten on hover
Stacked Cards
Cards layered behind each other with depth using scale and translate
Top Card
This card sits on top of the stack with visible depth behind it.
Elevated Card Shadows
Cards with progressively stronger colored shadows
Subtle Glow
A soft violet shadow gives this card a gentle elevation.
Medium Glow
A stronger cyan shadow creates more visual depth.
Heavy Glow
The strongest shadow makes this card feel truly elevated.
Depth Layers
Overlapping panels at different z-levels creating a parallax-like depth effect
Background
This panel sits at the deepest layer.
Middle Layer
This panel overlaps at mid-depth.
Front Layer
This panel sits at the foreground.