<!doctype html>
<title>Filter Effects: 'filter' and 'clip-path' 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>
<clipPath id="c">
<rect width="100" height="100"/>
</clipPath>
<rect width="100" height="100" fill="red"
filter="blur(20px)" clip-path="url(#c)"/>
<rect width="100" height="100" fill="green"/>
</svg>