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

discord.com

![GIF](https://user-images.githubusercontent.com/1286791/173416224-936bc43f-6ad9-4763-ae01-c99a3598902f.gif)

- icons transition form circles to, I think, squircles on hover (But could just be `border-radius`... i'm not sure). 

But this brings up the idea of animating between different `corner-shape` values ie `round` to `scoop`, `notch` to `angle`. 

I assume that `square 20px` would also animate to `square 40px` and `angle 0` to `angle 10%` like `border-radius` currently does. It's the morphing of the shapes that seems like it could be an issue.

https://bethesda.net/en/game/starfield/media?type=video

![starfield](https://user-images.githubusercontent.com/1286791/173416239-8f752c9f-7f3b-4c50-bb34-a0ad9fc4ea50.png)

- the little stars on the left and the right are currently inline svg
- a ::before and ::after with `scoop 50%` could do the same thing


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


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

Received on Monday, 13 June 2022 18:06:48 UTC