3D Card Tilt
transform-style: preserve-3d plus translateZ on the children is what gives the parallax.
Usage
WunderUI
Meant for
Examples
On a Card
transform-style: preserve-3d plus translateZ on the children, so the header and the content lift off the card instead of the whole thing rotating as a flat picture. The class opens the card's overflow — a clipping card flattens 3D. Every direct child gets a 14px lift; override it per child for more depth.
The class is wm wm-3d-card-tilt — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.