Web features explorer

corner-shape

Limited availability

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: positive Bugs: 1726232
  • Firefox for Android Not supported Position: positive
  • Safari Not supported Position: support
  • Safari on iOS Not supported Position: support
👍
146

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

MDN documentation

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Surveys

Developer use cases

  • Better HUD-style UI elements. Better HUD-style UI elements. [see original comment]
  • My work consists of coding stream overlays and sometimes the design isn't just a simple rounded corner My work consists of coding stream overlays and sometimes the design isn't just a simple rounded corner [see original comment]

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