Re: [csswg-drafts] [css-masking] Inverse clip-path (#10445)

Here is a generic demo from my [lastest article](https://verpex.com/blog/website-tips/how-to-create-cut-out-shapes-using-the-clip-path-property). All you have to do is to define the main shape as a variable and you get the cut-out version:

https://codepen.io/t_afif/pen/gOJvdav

![image](https://github.com/w3c/csswg-drafts/assets/14073250/662a8c56-4aba-42ae-9c33-620c37386b8c)


It's basically what @thebabydino already said but I am also playing with the reference-box to easily control the space and also using "evenodd" to avoid issues related to the order of points

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


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

Received on Wednesday, 19 June 2024 12:19:30 UTC