Revision control
Copy as Markdown
<filter id="blur1" x="0" y="-2" width="10" height="15" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" >
<feGaussianBlur stdDeviation="5" result="blur" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="blur2" x="-1" y="-2" width="20" height="20" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse" >
<feGaussianBlur stdDeviation="5" result="blur" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="blur3" x="-1" y="-2" width="20" height="20" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" >
<feGaussianBlur stdDeviation="5" result="blur" x="-10" y="-10" width="35" height="50"/>
</filter>
<filter id="blur4" x="-1" y="-2" width="20" height="20" filterUnits="userSpaceOnUse" primitiveUnits="objectBoundingBox" >
<feGaussianBlur stdDeviation="0.1" result="blur" x="-0" y="-0" width="1" height="1"/>
</filter>
<filter id="blur5" x="-0.1" y="-0.1" width="1.1" height="1.3" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" >
<feGaussianBlur stdDeviation="0.2" result="blur" 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(#blur1)" />
<rect transform="translate(5 105)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur2)" />
<rect transform="translate(5 155)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur3)" />
<rect transform="translate(5 205)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur4)" />
<rect transform="translate(5 255)" x="-6" y="0" width="30" height="30" fill="blue" filter="url(#blur5)" />
<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(20 20 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur1)" />
<rect transform="translate(105 105) rotate(20 20 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur2)" />
<rect transform="translate(105 155) rotate(20 20 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur3)" />
<rect transform="translate(105 205) rotate(20 20 45)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur4)" />
<rect transform="translate(105 255) rotate(20 20 45)" x="-6" y="0" width="30" height="30" fill="blue" filter="url(#blur5)" />
<rect transform="translate(105 55) rotate(20 20 45)" x="0" y="-2" width="10" height="15" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 105) rotate(20 20 45)" x="-1" y="-2" width="20" height="20" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 155) rotate(20 20 45)" x="-10" y="-10" width="35" height="50" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 205) rotate(20 20 45)" x="0" y="0" width="19" height="18" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(105 255) rotate(20 20 45)" x="-9" y="-3" width="12" height="36" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(205 55) skewX(-30)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur1)" />
<rect transform="translate(205 105) skewX(-30)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur2)" />
<rect transform="translate(205 155) skewX(-30)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur3)" />
<rect transform="translate(205 205) skewX(-30)" x="0" y="0" width="30" height="30" fill="blue" filter="url(#blur4)" />
<rect transform="translate(205 255) skewX(-30)" x="-6" y="0" width="30" height="30" fill="blue" filter="url(#blur5)" />
<rect transform="translate(205 55) skewX(-30)" x="0" y="-2" width="10" height="15" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(205 105) skewX(-30)" x="-1" y="-2" width="20" height="20" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(205 155) skewX(-30)" x="-10" y="-10" width="35" height="50" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(205 205) skewX(-30)" x="0" y="0" width="19" height="18" fill="none" stroke="black" opacity="0.5"/>
<rect transform="translate(205 255) skewX(-30)" x="-9" y="-3" width="12" height="36" fill="none" stroke="black" opacity="0.5"/>
</svg>