CSS gains shape(), border-shape and corner-shape to break the web out of boxes

New CSS features — the shape() function plus border-shape and corner-shape properties — let designers define fluid page layouts and borders natively in CSS without SVG or JavaScript. All major browsers now support shape(), while border-shape and corner-shape remain experimental but work in current Chrome, Edge and Opera.

• shape() defines geometry with responsive CSS syntax instead of path()'s fixed pixels
• border-shape applies shape() coordinates to page borders early in rendering
• corner-shape offers presets: rounded, beveled, notched, scooped and "squircle"
• shape() ships in all major browsers; border-shape and corner-shape are still experimental