porte² le retour transparent

<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<defs>
<mask id="cadranim">
  <rect height="200" width="200" y="100" x="150" fill="#ffffff"/>
</mask>
</defs>
 <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" style="mask:url(#cadranim)"/>
  <rect id="pgauche" height="200" width="100" y="100" x="150" stroke-width="0" fill="#7f3f00">
    <animate attributeName="width" values="100; 1; 100" dur="6s" begin="zoneactive2.mousedown"/>
  </rect>
  <rect id="pdroite" height="200" width="100" y="100" x="250" stroke-width="0" fill="#7f0000">
    <animate attributeName="width" values="100; 1; 100" dur="6s" begin="zoneactive2.mousedown"/>
    <animate attributeName="x" values="250; 350; 250" dur="6s" begin="zoneactive2.mousedown"/>
  </rect>
  <rect opacity="0" id="zoneactive2" height="200" width="200" y="100" x="150" fill="#000000"/>
 </g>

</svg>