CSS Animations

Most web motion doesn't need a library. Plain CSS transitions and keyframes cover hover, toggles, enter/exit, and press feedback — and they run on the compositor for free. Reach for gsap only when you need a sequenced timeline, scroll-linking, or per-character text reveals. For surfaces and typography polish, see skills/shared/ui.

No motion library. Everything here is CSS (with the occasional Tailwind note); if a component needs spring physics or orchestration, that's a GSAP job, not a reason to add framer-motion.

Extract shared timing into custom properties so motion stays consistent: