Une porte vers l'infini

code ci-dessous

<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
 <g>
  <title>multae portae</title>
  <image xlink:href="http://38.media.tumblr.com/bdbe48190f6a0187251044767bf7b0b5/tumblr_mksdf3fhe91rrcg01o1_400.gif" id="svg_7" height="201" width="268" y="100" x="115"/>
  <rect id="pgauche" height="200" width="100" y="100" x="150" stroke-width="0" fill="#7f3f00">
    <animate attributeName="x" values="150; 50; 150" dur="6s" begin="zoneactive.mousedown"/>
  </rect>
  <rect id="pdroite" height="200" width="100" y="100" x="250" stroke-width="0" fill="#7f0000">
    <animate attributeName="x" values="250; 350; 250" dur="6s" begin="zoneactive.mousedown"/>
  </rect>
  <rect opacity="0" id="zoneactive" height="200" width="200" y="100" x="150" fill="#000000"/>
  <rect id="svg_4" height="300" width="150" y="0" x="0" stroke-linecap="null" stroke-linejoin="null" stroke-width="0" fill="#7f7f00"/>
  <rect id="svg_5" height="300" width="150" y="0" x="350" stroke-linecap="null" stroke-linejoin="null" stroke-width="0" fill="#7f7f00"/>
  <rect id="svg_6" height="100" width="200" y="0" x="150" stroke-linecap="null" stroke-linejoin="null" stroke-width="0" fill="#7f7f00"/>
 </g>
</svg>