CSS shape() reaches Baseline: responsive shapes without SVG

The CSS shape() function became Baseline on February 24, 2026. It lets developers define clip-path shapes with percentages, px, rem and calc(), and morph between shapes with matching command lists via a single transition. Support spans Chrome and Edge 135, Firefox 148 and Safari 18.4.

• shape() accepts percentages, rem, em and calc(), unlike pixel-only path()
• Morphing works when two shapes share the same command list
• Supported in Chrome/Edge 135, Firefox 148 and Safari 18.4
• Baseline newly available since February 24, 2026