Cards stand edge-on around a drum. While it turns, the ones near the front rise and settle back; when it stops, exactly one stands up to face you. How wide that wave reaches and how fast its shoulders fall are yours to set — drag the sliders and watch both drums, which always turn together.
How far a passing card rises. A fully revealed card stands at lift (54px) and also turns to face you.
How many slots either side join in. Narrow it and fewer cards move at once.
1 is a symmetric hill. Raise it and the shoulders drop away first, leaving the crest alone.
| from front | defaults | yours |
|---|
npm i card-dispenser · GitHub ·
npm · Zero dependencies, CSS 3D.
Drag sideways to turn the drum, up and down to change how far above it you stand.