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

https://www.nintendo.com/jp/switch/bdgea/index.html

A 2 for 1 page:

1: Scooped cornered headings accomplished with `:before` and `:after` images the way we use to do round corners back before `border-radius` was a thing. `corner-shape: scoop;` would remove the need for the images.

2: Angled cornered element with a solid border. This was done with a `background-image` so the corners stretch and distort at different viewport widths. So, maybe would be a bit more bullet proof as a `border-image`. Either way `corner-shape: angle;` would make things easier here.

![image](https://github.com/w3c/csswg-drafts/assets/1286791/a34c8f3e-e1fc-40a1-a363-3e36bbb93e42)

![image](https://github.com/w3c/csswg-drafts/assets/1286791/764d301b-7ae2-445d-a9d9-c2e6d51d3386)


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


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

Received on Sunday, 7 July 2024 19:34:25 UTC