- From: jsnkuhn via GitHub <sysbot+gh@w3.org>
- Date: Fri, 31 Jan 2025 20:57:12 +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 here 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: ```css 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 */ ```  -- GitHub Notification of comment by jsnkuhn Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10653#issuecomment-2628385487 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:57:12 UTC