February 2026 - Baseline newly available
The CSS shape() function entered the February 2026 Baseline digest
The shape() function gives authors a more CSS-native way to describe custom shapes for clipping and motion paths. Treat it as a progressive enhancement for decorative blobs, waves, and path-based accents until your target browsers are checked.
Last checked . This staged row is
verified:false and remains noindex until exact public effective dates are rechecked.Browser support note
| Browser | Public note |
|---|---|
| Chrome | February 2026 Baseline digest source |
| Edge | February 2026 Baseline digest source |
| Firefox | February 2026 Baseline digest source |
| Safari | February 2026 Baseline digest source |
Copyable CSS snippet
.blob { clip-path: shape(from 50% 0, curve to 100% 50% with 100% 22%, curve to 50% 100% with 100% 78%, curve to 0 50% with 0 78%, curve to 50% 0 with 0 22%); }Fallback: Use an inline SVG clipPath or a simpler border-radius blob when shape() is unsupported.
Replaces: Hard-coded SVG path assets for some decorative masks and motion paths.
Official sources
- Primary: web.dev: Baseline monthly digest, February 2026
- Secondary: MDN: shape()