blob: e4a418d9ed317c00ccafe346fcdf5e20ddadd8d6 [file] [log] [blame]
<svg width="800" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="scale(2)">
<use xlink:href="#rectpair" filter="url(#ct)" x="10" y="150"/>
<use xlink:href="#rectpair" filter="url(#cm)" x="125" y="150"/>
<use xlink:href="#rectpair" filter="url(#ar)" x="240" y="150"/>
</g>
<defs>
<g id="rectpair" clipPathUnits="userSpaceOnUse">
<rect x="0" y="-100" width="100" height="100"
fill="red"/>
<rect x="7" y="-93" width="93" height="93" fill="green"/>
</g>
<filter id="ct">
<feOffset in="SourceGraphic" dx="10" dy="10"/>
<feGaussianBlur stdDeviation="1 1"/>
<feComponentTransfer>
<feFuncR type="linear" intercept="0"
slope="0"/>
<feFuncG type="linear" intercept="0"
slope="0"/>
<feFuncB type="linear" intercept="0"
slope="0"/>
<feFuncA type="linear" intercept="1" slope="-1"/>
</feComponentTransfer>
<feComposite in2="SourceGraphic" operator="atop"/>
</filter>
<filter id="cm">
<feOffset in="SourceGraphic" dx="10" dy="10"/>
<feGaussianBlur stdDeviation="1 1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1 1"/>
<feComposite in2="SourceGraphic" operator="atop"/>
</filter>
<filter id="ar">
<feOffset in="SourceGraphic" dx="10" dy="10"/>
<feGaussianBlur stdDeviation="1 1" result="blur"/>
<feComposite in="blur" in2="blur" operator="arithmetic" k2="-1" k4="1"/>
<feComponentTransfer>
<feFuncR type="linear" intercept="0"
slope="0"/>
<feFuncG type="linear" intercept="0"
slope="0"/>
<feFuncB type="linear" intercept="0"
slope="0"/>
</feComponentTransfer>
<feComposite in2="SourceGraphic" operator="atop"/>
</filter>
</defs>
</svg>