You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When clip and filter are set on the same element, do we filter then clip the filtered result, or clip the input then filter it? As best as I can tell this isn't currently defined.
Gecko clips then filters, so we see half a red rectangle. Webkit filters then clips, so we see a completely green rectangle.
I don't think there's a huge amount in it, but clip-then-filter is slightly more useful: you could clip an object to an arbitrary shape, then blur it - the blur will blur the clipped outline. If you filter first, you don't get a blurred edge.
The text was updated successfully, but these errors were encountered:
The compositing model follows the SVG compositing model [SVG11]: first any filter effect is applied, then any clipping, masking and opacity [CSS3COLOR].
It looks like Gecko clips before and after filtering, otherwise the green part would still be square. That's definitely a bug. I've filed bug 1673073 on it.
The compositing model follows the SVG compositing model [SVG11]: first any filter effect is applied, then any clipping, masking and opacity [CSS3COLOR].
When clip and filter are set on the same element, do we filter then clip the filtered result, or clip the input then filter it? As best as I can tell this isn't currently defined.
(see https://output.jsbin.com/veniyap)
Gecko clips then filters, so we see half a red rectangle. Webkit filters then clips, so we see a completely green rectangle.
I don't think there's a huge amount in it, but clip-then-filter is slightly more useful: you could clip an object to an arbitrary shape, then blur it - the blur will blur the clipped outline. If you filter first, you don't get a blurred edge.
The text was updated successfully, but these errors were encountered: