On desktop, a price card leans a few degrees toward the mouse with a soft light sheen. Phones get a still card.
Use it for: Salons, med spa, cleaners and detailers with 2-4 package cards. A premium touch, not a selling point. When: Package or price cards on desktop; max 6 degrees. Don't: Cards with forms or long text, more than one tilt group per page, or big angles (it reads as a toy). How: gsap.quickTo on rotationX / rotationY and two CSS variables for the sheen; only for (hover:hover) and (pointer:fine); off with reduced motion. Weight: 1.2 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 KB gzipped (shared by every effect on the page). Plugins: none (core only).
Scroll ↓
Standard clean
$129
Kitchen, bathrooms, dusting, floors. Up to 2 bedrooms.
Deep clean
$219
Everything in Standard, plus baseboards, inside microwave, descaled glass.
Move-out
$289
Empty home, inside cabinets and appliances. Deposit-back checklist.