CSS Blending Tests

HTML/CSS 'mix-blend-mode'

HTML/CSS 'background-blend-mode'

SVG 'mix-blend-mode' with value 'screen'

SVG - Inline

SVG invisible with white background! (Blends into background.)

SVG - Inline - Isolation

SVG should be visible even with white background due to 'isolation' property being set to 'isolate' on wrapping <g> element.

SVG - External

Should be isolated per spec (external images are always isolated).

SVG - External - With 'isolation'

Should be isolated via 'isolation' property being set to 'isolate' on wrapping group.