- From: Noam Rosenthal via GitHub <sysbot+gh@w3.org>
- Date: Fri, 31 Jan 2025 20:59:51 +0000
- To: public-css-archive@w3.org
> OK, let me try this: my understanding is the superellipse() function is what the browser vendors will be using behind the scenes to create the different shapes. At the moment, at least, devs would have `round`, `scoop`, `bevel`, `notch`, `straight`, `squircle` options. > > I get that this is a working draft and that's probably what's tripping me up a bit here. So I'm guessing that ultimately all the superellipse() function references will only be in the "Interpolating corner shapes" section? > > _This_ issue piggy backs on a comment put forward by [@LeaVerou](https://github.com/LeaVerou) here [#6980 (comment)](https://github.com/w3c/csswg-drafts/issues/6980#issuecomment-1221512890) > > > Idea: There are far more use cases for irregular polygons with some rounding on their corners, than for scoop and notch all together. So I wonder if perhaps we need a separate, orthogonal property for the bevel aspect of these corners, with border-radius continuing to apply for _their_ corners. > > So there would be a something like this but with notch instead of bevel: > > corner-shape: square square notch square; > corner-size: 0 0 40px 0; > /* A `corner-size` property would be needed to have `border-radius` free to round the joints of each corner */ > > border-radius: 20px; > corner-smoothing: ???; > /* The `corner-smoothing` would turn the border-radius rounding into squircle rounding */ >  I wouldn't implement this shape as a single corner, but rather as a `polygon()` with rounded corners or as a `shape()` -- GitHub Notification of comment by noamr Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10653#issuecomment-2628389046 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 31 January 2025 20:59:52 UTC