Blitz - WPT: morphology-mirrored.html

wpt / css / filter-effects / morphology-mirrored.html

/css/filter-effects/morphology-mirrored.html

<!DOCTYPE html>
<title>feMorphology filter on mirrored content</title>
<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#feMorphologyElement">
<link rel="match" href="reference/green-100x100.html">
<svg>
  <filter id="dilate" filterUnits="userSpaceOnUse"
          color-interpolation-filters="sRGB">
    <feMorphology operator="dilate" radius="10"/>
  </filter>
  <rect width="100" height="100" fill="red"/>
  <rect x="10" y="10" width="80" height="30" fill="green" filter="url(#dilate)"
        transform="translate(0, 50) scale(1, -1)"/>
  <rect x="10" y="60" width="80" height="30" fill="green" filter="url(#dilate)"
        transform="translate(100, 0) scale(-1, 1)"/>
</svg>

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

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