Humeur saisonnière

<svg width="630" height="330" xmlns="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="sun">
    <image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKYNQwkT9zfWkQ6O0BPQEBHZesGcA8UE2EEaqvQgtwtlnWKzaOPjWNz69qf4MglqrYwKJyKTUjA37N7kaWshSHy_aah26Vjsniw7STQazeMUtY8wfJeIKaoWF6d2ReoHA8OEdXi7L1DIk/s600-Ic42/mgdsun.gif" id="svg_3" height="187.49999" width="224.99999" y="100.16668" x="-193">
           <animate attributeName="x" begin="bouton.mousedown" values="-193;600" dur="7s" fill="freeze"/>
    </image>
   </mask>
   <mask id="snow">
     <image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtUE_vxBK34h10bYvPsyQ-68x0qJCRFTAOQQcZNlf9uGd-nLfq5f2-myohlhxy9nPcxeiYuqbW00Qt_Xqn3_f1fGy9fzcViaLLDN4zXeaQ7NUO0s7akebmnmBtxIfTnfA5pE-fA7wTNw/s512-Ic42/mdgsnow.gif" id="svg_4" height="207.43795" width="173.00001" y="88.56205" x="618">
       <animate attributeName="x" begin="bouton.mousedown" values="618;-152" dur="10s" fill="freeze"/>
     </image>
   </mask>
 </defs>
 <g>
  <title>Under the sun</title>
  <image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPDnownhRsYR7E9-x_ypmHbTMVsY7ovKRd1fAjeevlyC3WpIVCsm3vmRPyZVTRv6-Hnv_q8-VNQ2DhLQ1vVf7nnRcggLOfY6x1T6Lfy4LO7XGtLu9Ok5KOhx0R2vVyQVQsWBgI-kuQO2k/s912-Ic42/neutre.jpg" id="svg_7" height="330" width="630" y="0" x="0"/>
  <image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuUAfKutjt-qZVgJYUCipfsa84prPMe6gAVs9ZCH0fpZrtx3FzRg4miO6QMcYvtxdjYacZaVQ40xHJUsTh0kz_gC8aLcH4Zd1BPJ-BwRs7d487BxX382zePmt0qyNqH3WMcXuBciDdjI0/s912-Ic42/snow.jpg" id="svg_2" height="330" width="630" y="0" x="0" style="mask:url(#snow);"/>
  <image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDJqnwg7sAho71ZPvlBgH3mBOBO8FxHFIeOzeEpXqvUQAoO70xvSjf5xx5Oc6kXUn0NoQkG9Jyo033T5KZeHdKQGReWPEZ_eGmQFvibaC_JyekzRuTpLZkRDQfnk_YftsTxrSHed9-M44/s912-Ic42/sun.jpg" id="svg_1" height="330" width="630" y="0" x="0" style="mask:url(#sun);"/>
  <ellipse ry="12" rx="12" id="bouton" cy="35" cx="315" stroke-width="5" fill="#ffc700">
    <animate attributeName="fill" values="orange; green; forestgreen; aliceblue; cornflowerblue; forestgreen; deepskyblue; green; orange" begin="bouton.mousedown" dur="10s" fill="freeze"/>
  </ellipse>
 </g>
</svg>