Re: [csswg-drafts] [css-shapes-2] Maybe add superellipse/squircle etc as basic shapes? (#11620)

Now that `corner-shape` is integrated, I think we can tackle this.
There are 3 places where I would add superellipse support:
1. `rect` / `inset` / `xywh`

Change everywhere that says `border-radius` to  `corner`, which would resolve to `[ border-radius && <<corner-shape-value>>?]`.

2. A new `shape()` command that allows drawing a corner

```
corner [to | by] [position/coordinates etc.] [ <<corner-shape-value>> ||  [rotate <<angle>>] || [cw | ccw]] 
```

This would rotate the axis, and would draw a clockwise/counterclockwise corner between the start and end points with the given curvature (square & clockwise by default). Note that ccw is equivalent to multiplying the corner-shape superellipse value by -1 but it's an ergonomic way to express it.



-- 
GitHub Notification of comment by noamr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11620#issuecomment-3053235799 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 9 July 2025 16:10:54 UTC