WBL effects shelf · batch 3 (GSAP) · #08

Morphing blob background

A soft coloured shape behind a section slowly melts between organic shapes, like a lava lamp.

✓ OK to use Not on the never list: decoration behind real text; it pauses off screen and stays still with reduced motion. Caution: keep it slow and pale or it pulls the eye from the button.

Best for: Salons, med spa, cafes, kids' services: friendly brands with flat colour.
How: MorphSVG between four blob paths on a slow sine timeline plus a gentle rotation; an IntersectionObserver pauses it when it leaves the screen.
Weight: 1.7 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 + MorphSVG 9.6 KB gzipped. Plugins: MorphSVG.

Fern & Foam Day Spa

An hour that's only yours.

Facials, massage and brows. Free parking, quiet rooms.

Book a visit