Prima ...

<svg width="410" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
 <defs>
    <mask id="barbe">
      <circle filter="url(#svg_4_blur)" id="svg_4" r="0" cy="256" cx="205" fill="#ffffff">
        <animate attributeName="r" values="0; 200; 0" begin="bfleur.mousedown" dur="10s" fill="freeze"/>
      </circle>
    </mask>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="svg_4_blur">
     <feGaussianBlur stdDeviation="12" in="SourceGraphic"/>
   </filter>
 </defs>
 <g id="bfleur">
  <title>C'est le printemps !</title>
  <image xlink:href="https://lh3.googleusercontent.com/-B4m0hZ9bAaQ/Vurp_KyNrCI/AAAAAAAAcIs/UQ-wbVyNzJs8ZGzBA-FXU81Xwn9IY4BEwCCo/s512-Ic42/barbe01.jpg" id="svg_1" height="512" width="410" y="0" x="0"/>
  <image xlink:href="https://lh3.googleusercontent.com/-pWO1QdmuGuQ/Vurp_PBMPAI/AAAAAAAAcIw/f3dLqTybBrY77N8duRS8ETZkMwKZSxQuACCo/s512-Ic42/barbe02.jpg" id="svg_2" style="mask:url(#barbe);" height="512" width="410" y="0" x="0"/>
 </g>
</svg>