wpt / css / filter-effects / svg-filter-vs-clip-path.html

Status: PASS | Duration: 5ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/filter-effects/svg-filter-vs-clip-path.html

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

/css/filter-effects/reference/green-100x100.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green"></div>