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