<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<title>Calque 1</title>
<g id="bigred">
<g>
<g>
<g>
<rect height="50" width="50" y="125" x="125" fill="#FF0000" id="svg_1">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="150,150" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<g>
<rect height="50" width="50" y="125" x="175" fill="#FF0000" id="svg_2">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="200,150" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<g>
<rect height="50" width="50" y="125" x="225" fill="#FF0000" id="svg_3">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="250,150" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<g>
<rect height="50" width="50" y="175" x="125" fill="#FF0000" id="svg_4">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="150,200" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<rect height="50" width="50" y="175" x="175" fill="#FF0000" id="svg_5"/>
<g>
<rect height="50" width="50" y="175" x="225" fill="#FF0000" id="svg_6">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="250,200" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<g>
<rect height="50" width="50" y="225" x="125" fill="#FF0000" id="svg_7">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="150,250" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<g>
<rect height="50" width="50" y="225" x="175" fill="#FF0000" id="svg_8">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="200,250" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<g>
<rect height="50" width="50" y="225" x="225" fill="#FF0000" id="svg_9">
<animateTransform attributeName="transform" type="scale" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
<animate attributename="opacity" from="1" to="0" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</rect>
<animateMotion from="0,0" to="250,250" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 200 200; 90 200 200" dur="2s" fill="freeze" begin="bigred.mousedown" repeatCount="1"/>
</g>
<animateTransform attributeName="transform" type="scale" from="1" to="3" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
<animateMotion from="0,0" to="-400,-400" dur="2s" begin="bigred.mousedown" repeatCount="1"/>
</g>
</svg>
