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