Re: [csswg-drafts] [css-backgrounds-4] Use cases for corner-shape (#6980)

https://www.hyperlightbreaker.com/en/

![image](https://user-images.githubusercontent.com/1286791/225318633-aa1517f7-f54c-4690-ad9c-79a5c2f42c0b.png)

Often times when folks want a diamond shaped element they rotate a square and then have to counter rotate the contents of that square. In this case the diamond shaped element with right facing triangle starts as a square with a bottom right facing triangle. Then the whole thing is rotated and they are done.

Another solution that would require less work for this would be just to use a ::after/::before as a stand in for the background so that the contents of the button don't have to be counter rotated or preped in a way that makes them look the way they want when rotated. 

Of course what would be even better is if CSS could just fix the problem for them altogether. 

```css
corners: angle 50%;
```

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


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

Received on Wednesday, 15 March 2023 13:12:32 UTC