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