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