Variable font animation
Animating the weight, width, or other axes of a variable font — making typography flex or morph.
What you're seeing
A word that breathes — transitioning from thin to ultra-bold on hover, or pulsing gently to draw attention.
Where you'll see it
Hero type, hover states, scroll-linked effects.
Difficulty
Low — 2/5
Libraries that build it
CSS onlyGSAP
Ready to prompt — paste this into your AI coding tool
"Animate font-weight from 100 to 900 on hover using a variable font, CSS transition 0.3s ease, apply to the main headline"