Motion

Liquid / Gooey

Shapes stretch and merge like liquid or slime. Achieved with SVG feGaussianBlur + feColorMatrix filter.

Also called: goo effect, metaballs, liquid morph

Live demo

Blobs merge when close together

How it works

Blur overlapping shapes, then sharpen alpha with a color matrix. Apply filter to a container — child elements goo together when near.