Overview
Front card scales and translates. Back card slides out from behind. Then pull back or smash-zoom.
Build
- 01
Two cards, stack offset.
- 02
Front focus scale.
- 03
Back reveal.
- 04
Camera.
.front { animation: focus }
.back { animation: slide-from-behind }Example source React / TSX
examples/stacked-card-focus-zoom.tsx · Uses the catalog’s shared composition helpers.
Loading source…