Component
Scratch & Save
A checkout coupon you'd actually ship. Scratch the silver foil off with your cursor — real scratching, foil crumbs and all — and the code underneath auto-applies while the total counts down in front of you. No dependencies.
Lumen & Co.
Order summary
- Arc Table Lamp $58.00
- Linen Cushion Cover $26.00
Have a coupon? Scratch the foil to reveal your code.
- Subtotal
- $84.00
- Coupon SCRATCH20
- −$16.80
- Total
- $84.00
No cart here — the discount is applied in the browser so you can watch
the whole thing. The foil is a <canvas> painted over
the prize; your cursor erases it with destination-out, and
when enough is gone the rest clears itself. Point onReveal at
your applyPromo() call in app.js and it becomes
a real coupon field.