<!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> |