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

VScode

![vscode](https://user-images.githubusercontent.com/1286791/154281538-1848380b-57e3-4889-ae66-157afd043236.png)

- as i understand it vscode is written with css?
- top left corner star background

discord.com

![discord](https://user-images.githubusercontent.com/1286791/154281597-00bd9bbe-d40d-4d16-8f2c-22939b3c8479.png)

- how many peeps in a room counter

https://squoosh.app/

![Screenshot 2022-01-28 at 13-43-11 Squoosh](https://user-images.githubusercontent.com/1286791/154281677-adb60bca-2354-4ec2-a348-8cbc979449bb.png)

- inline svg

https://www.polygon.com/

![Screenshot 2022-01-30 at 07-10-01 Polygon](https://user-images.githubusercontent.com/1286791/154282043-6ef1f34c-3218-465d-afba-4d4bcf186d6c.png)

- was hoping that they'd be using clip-path: polygon(); on ploygon.com but nope border hack.
- `corner-top-right: angle 30px;`

https://www.smashbros.com/en_US/

![Screenshot 2022-01-31 at 13-00-45 Super Smash Bros Ultimate for the Nintendo Switch system](https://user-images.githubusercontent.com/1286791/154281852-ff2c472b-2388-4335-8845-b620f5859dfb.png)

- lots of angles, so many I couldn't get them all in 1 screenshot
- so... many... border... hacks

https://www.starwars.com/news/brian-volk-weiss-interview

![Screenshot 2022-01-31 at 16-03-52 From Kenner to Star Wars Galaxy’s Edge StarWars com](https://user-images.githubusercontent.com/1286791/154281924-d5719460-8113-489b-a94d-7cfcef55918f.png)

- author image

https://festival.gamesforchange.org/

![Screenshot 2022-02-08 at 17-09-29 2022 Games for Change Festival July 12 - 15](https://user-images.githubusercontent.com/1286791/154281958-ff82afa8-1687-4349-84b7-c58aec4b7a9c.png)

- currently just an images but could be div with corner-shape
- `corners: angle 0 32px 32px 32px;`

opera GX new tab page

![Screenshot 2022-02-15 at 17-11-13 Opera GX Gaming Browser Opera ](https://user-images.githubusercontent.com/1286791/154282081-603d9b36-09f4-467b-b094-78d89a5a8c80.png)

- `corners: angle 14px 4px;`

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


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

Received on Wednesday, 16 February 2022 14:16:25 UTC