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

If we're talking squircles, I've included them in my shape engine (as well as diamond shape).

![image](https://github.com/w3c/csswg-drafts/assets/9271155/642fb2c5-79bc-4dba-95b2-b3d676d6500e)

![image](https://github.com/w3c/csswg-drafts/assets/9271155/f39880eb-c98f-4d89-a8bd-0fe05f339e52)


But it's really only fully reliable on Chrome. Safari has some issues stitching SVG together, causing some subpixel misalignment. Firefox doesn't even support `mask-border` (`-webkit-mask-box-image`) which is what I use to make this possible. Coupled with the fact that masking doesn't let you use `box-shadow` and you kinda to complicate your DOM tree by wrapping your masked element with another element that can use `filter: drop-shadow` instead.

I'm really close to just ditching it all because of the annoying tree complexity.

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


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

Received on Monday, 10 July 2023 20:59:18 UTC