cards fan stack hover presentation deck preview stacks template galleries presentation thumbnail groups stacked cards feel too static need a richer hover state for grouped previews want depth without complex JS
Card Fan Stack
Fetch snippet JSON:
curl https://webspire.de/snippets/interactions/card-fan-stack.json Preview
Background
Customize
Quick Start
<div class="card-fan-stack"><article>...</article><article>...</article><article>...</article></div>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- A11y
- prefers-reduced-motion
- Size
- 499 bytes · 20 lines
- Custom Properties
-
--fan-rotation--fan-offset - Classes
-
.card-fan-stack
cards fan stack hover presentation
Cards spread into a shallow fan on hover for preview stacks, deck thumbnails, and grouped evidence blocks.