Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/filter-effects/morphology-mirrored.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>feMorphology filter on mirrored content</title>
<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>