<!doctype html>
<title>Filter Effects: 'filter' and 'mask' on SVG element</title>
<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#FilterProperty">
<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#placement">
<link rel="match" href="reference/green-100x100.html">
<svg>
<mask id="m">
<rect width="100" height="100" fill="white"/>
</mask>
<rect width="100" height="100" fill="red"
filter="blur(20px)" mask="url(#m)"/>
<rect width="100" height="100" fill="green"/>
</svg>