How to make metaballs and animate them with IX2

Hi everyone, I made this quick demo of what metaballs are, how it’s possible to craft CSS metaballs in Webflow with zero custom code, and how to animate them with IX2 to get a blobby-spongy-organic background effect.

3 Likes

thanks Vincent for sharing your creativity with IX2!

Damn, that was satisfying to read. Trying to figure out the way you did it before reading the rest of the explanation was fun, the blur-contrast combo was easy enough to guess but getting the idea in the first place without looking at someone’s complete creation is a whole different thing. My sincerest respects to your creativity!

@vincent does this still work? It doesn’t seem to work for me. The circles (inner div) stay blurry, even when I add contrast + brightness to the outer div.

Yes, it does, it works for me.

I just showcased the site and made it clonable for you:

https://webflow.com/website/Make-CSS-Metaballs