Animated gradient
A background gradient that shifts, rotates, or transitions between color states over time.
What you're seeing
A gradient that slowly breathes — hues shifting, colors cycling. The background feels alive.
Where you'll see it
Hero sections, full-page backgrounds, section dividers.
Difficulty
Very low — 1/5
Libraries that build it
CSS onlyGSAP
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Animate background-position of a large gradient (400% size) using CSS keyframe, alternate direction, 8s linear infinite"