<div dir="ltr"><br><div class="gmail_extra"><div class="gmail_quote">On Wed, May 7, 2014 at 1:32 PM, Mike de Boer <span dir="ltr"><<a href="mailto:mdeboer@mozilla.com" target="_blank">mdeboer@mozilla.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
I’m still wondering… is there really no way to apply an inverted clip-path? That would be sooo convenient.<br></blockquote><div><br></div><div>If you use a mask instead of a clip path, you can invert by drawing black rectangles on a white base rectangle. But masks are slow at the moment.<br>
<br></div><div>Another thing you can do is to exploit the even-odd winding rule for SVG paths. The first part of the path would be the outer rect, and then you can cut out the inner rect(s) by appending those rects' paths. See this demo: <a href="http://jsfiddle.net/3pAgr/1/">http://jsfiddle.net/3pAgr/1/</a><br>
<br></div><div>Markus<br></div></div></div></div>