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

still not having a whole lot of luck finding scoop or notch examples. If anyone knows of places where these are common please don't hesitate to drop links or point in the right direction.

https://diamondpearl.pokemon.com/en-us/

![Screenshot 2022-01-26 at 16-29-00 Pokémon Brilliant Diamond and Pokémon Shining Pearl Official Website Pokémon](https://user-images.githubusercontent.com/1286791/151392951-20c4546b-90dd-414f-8391-cff2ae74c66b.png)

- `corners: scoop 10px;`

https://nierautomata.square-enix-games.com/en-us/home/

![Screenshot 2022-01-26 at 08-47-11 Nier Automata SQUARE ENIX](https://user-images.githubusercontent.com/1286791/151392588-d096a20d-01cd-4e2e-a92e-2e35c3aeb183.png)

- the above mentioned diamond shape backgrounds
- i'm assuming corner-shape wouldn't clip the content overlapping the corners
- `corners: angle 50%;`
- also has an angle on the right side of the header 

https://www.guerrilla-games.com/play/horizon

![horizon](https://user-images.githubusercontent.com/1286791/151392682-b2a7df8b-69b6-499a-896e-47753b23123b.png)
 
- triangle behind logo in header: `corner-bottom-right: angle 100%;` (so that looks like it makes many of the border hack triangle shapes pretty easy at least the diagonally pointed ones)
- top right corner bevel: `corner-top-right: angle 30px;`


https://www.animal-crossing.com/new-horizons/

![Screenshot 2022-01-26 at 16-06-30 Animal Crossing™ New Horizons for the Nintendo Switch™ system – Official Site](https://user-images.githubusercontent.com/1286791/151392730-bb1af9a8-81a1-4c5f-bc4a-e023b4f8dad8.png)

- call to action button
- first one of these that I've run into that is actually an SVG
- `corners: angle 30px / 20px;`

https://www.pokemon.com/us/

![Screenshot 2022-01-26 at 16-17-49 The Official Pokémon Website Pokemon com](https://user-images.githubusercontent.com/1286791/151392858-75936dcd-bf4b-439e-92c4-2b02b852e994.png)

- might be more a polygon and less a corner shape but could probably do a close approximation

https://unite.pokemon.com/en-us/

![Screenshot 2022-01-26 at 16-25-33 Pokémon UNITE Pokémon UNITE official website](https://user-images.githubusercontent.com/1286791/151392893-d1456860-0699-48ea-b308-90b29947d679.png)

- square, angle, round, angle

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


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

Received on Thursday, 27 January 2022 15:49:44 UTC