v147 · CSS
Shape Picker
Pick a corner-shape value, switch between shorthand and physical longhands, dial border-radius down to zero, and inspect the CSS the browser accepts.
Feature detection: checking...
mode
primary corner-shape
superellipse(<number>)
2.5
shorthand arity
border-radius
28%
corner-shape changes the already rounded area created by border-radius.
component
Generated CSS
computed readout
Parser checks
see also
- ChromeStatus feature 5357329815699456
- CSS Borders 4 corner-shape shorthand
- Shape Gallery — all named corner-shape values
- Corner-by-Corner — mix shapes per corner
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗