CSS has linear, radial, and conic gradients, that can all do interesting and complex things… but not quite this, at least not on their own:
That’s what we’ve been calling a Mesh Gradient. There are all sorts of ways to pull it off, like using multiple backgrounds with radial gradients placed at different locations, or placing shapes and using the blur() filter.
Here’s a gallery of them, the thumbnails of which have nice hover effects, and many of which have slow classy animations.
