Stacked Cards
Cards appear stacked on top of each other and spread apart on hover or scroll. Creates depth and invites interaction.
Also called: card stack, deck spread, layered cards
Card One
Top of the stack
Card Two
Middle layer
Card Three
Bottom layer
Hover to spread
How it works
Cards are absolutely positioned with incremental translateY and scale. On hover, each card moves to a spread position with slight rotation.