v149 · Filter Effects Lab

Filter Effects Lab

Apply SVG filter primitives to same-origin content in real time. These effects — blur, colour-shift, distortion, duotone — are legitimate, powerful tools. Chrome 149 only removes them from cross-origin iframe boundaries.

Choose a filter

primitive: none same-origin ✓

Same-origin content

This card lives in the same document — SVG filters apply freely here. Chrome 149 only changes what happens when you nest this inside a cross-origin iframe and try to filter it from the parent.

SVG filter code

/* no filter */
.target { filter: none; }
Same-origin, no restrictions. Every effect above works because the filtered element is in the same document as the filter definition. Chrome 149 leaves same-origin content completely unaffected — only the cross-origin rendering boundary changes.

see also