Revision control
Copy as Markdown
<filter id="f1" x="0" y="-2" width="5" height="5" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" >
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="1 1 1 0 0
0 0 0 0 0
0 0 0 0 0
0 0 0 1 0" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="f2" x="-1" y="-2" width="20" height="20" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" >
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="0 0 0 0 0
1 1 1 0 0
0 0 0 0 0
0 0 0 1 0" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="f3" x="-1" y="-2" width="4" height="4" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" >
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="0 0 0 0 0
0 0 0 0 0
1 1 1 0 0
0 0 0 1 0" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="f4" x="-1" y="-2" width="20" height="20" filterUnits="userSpaceOnUse" primitiveUnits="objectBoundingBox" >
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="1 1 1 0 0
1 1 1 0 0
0 0 0 0 0
0 0 0 1 0" x="-0" y="-0" width="1" height="1"/>
</filter>
<filter id="f5" x="-0.1" y="-0.1" width="1.1" height="1.3" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" >
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="1 1 1 0 0
0 0 0 0 0
1 1 1 0 0
0 0 0 1 0" x="-0.1" y="-0.1" width="0.4" height="1.2"/>
</filter>
<rect transform="translate(5 55)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f1)" />
<rect transform="translate(5 105)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f2)" />
<rect transform="translate(5 155)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f3)" />
<rect transform="translate(5 205)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f4)" />
<rect transform="translate(5 255)" x="-6" y="0" width="30" height="30" fill="blue" filter="url(#f5)" />
<rect transform="translate(5 55)" x="0" y="-2" width="10" height="15" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 105)" x="-1" y="-2" width="20" height="20" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 155)" x="-10" y="-10" width="35" height="50" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 205)" x="0" y="0" width="19" height="18" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(5 255)" x="-9" y="-3" width="12" height="36" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 55) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f1)" />
<rect transform="translate(105 105) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f2)" />
<rect transform="translate(105 155) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f3)" />
<rect transform="translate(105 205) rotate(50 50 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#f4)" />
<rect transform="translate(105 255) rotate(50 50 45)" x="-6" y="0" width="30" height="30" fill="blue" filter="url(#f5)" />
<rect transform="translate(105 55) rotate(50 50 45)" x="0" y="-2" width="10" height="15" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 105) rotate(50 50 45)" x="-1" y="-2" width="20" height="20" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 155) rotate(50 50 45)" x="-10" y="-10" width="35" height="50" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 205) rotate(50 50 45)" x="0" y="0" width="19" height="18" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 255) rotate(50 50 45)" x="-9" y="-3" width="12" height="36" fill="none" stroke="black" opacity="0.5"/>
</svg>