Web features explorer - corner-shape

Web features explorer

The corner-shape CSS property sets the shape of an element's corners when using border-radius, allowing for shapes other than rounded corners. For example, corner-shape: squircle is a shape in between a square and rounded corner.

Browser support

Chrome 139 Released on 2025-08-05
Chrome Android 139 Released on 2025-08-05
Edge 139 Released on 2025-08-07
Firefox Not supported Position Bugs: 1726232
Firefox for Android Not supported Position
Safari Not supported Position: support Bugs: 277912
Safari on iOS Not supported Position: support Bugs: 277912

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

`corner-shape` CSS property

Specifications

CSS Borders and Box Decorations Module Level 4 (#corner-shaping), from Cascading Style Sheets (CSS) Working Group (W3C).

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist