samedi 16 juillet 2016

Test amore

Love Test ? Bang !


<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="corr">
  <path id="svg_7" d="m263.08939,225.93527c6.3905,-16.57269 31.4285,0 0,21.30774c-31.4285,-21.30774 -6.39053,-37.88043 0,-21.30774z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="3" fill="#ff0000" opacity="0">
  <animate attributeName="opacity" values="0;1;0" begin="feu.end" dur="4s" fill="freeze"/>
  </path>
</symbol>

 <defs>
  <filter id="svg_10_blur">
   <feGaussianBlur stdDeviation="2" in="SourceGraphic"/>
  </filter>
  <mask id="couple">
  <path filter="url(#svg_10_blur)" id="svg_10" d="m76.75004,349.75006l19.24996,-22.75006c0,0 4.00005,-5.74994 4.00005,-7.24994c0,-1.5 -3,-14.25 -3.25005,-14.50006c-0.25005,-0.25006 -7.99995,-8.74994 -8.25,-9c-0.25005,-0.25006 1.00005,-10.24994 0.75,-10.5c-0.25005,-0.25006 1.75005,-10.99994 1.5,-11.25c-0.25005,-0.25006 19.00005,-7.99994 18.75,-8.25c-0.25005,-0.25006 10.75005,-1.24994 10.5,-1.5c-0.25005,-0.25006 -4.99995,-37.24994 -5.25,-37.5c-0.25005,-0.25006 0.25005,-25.24994 0,-25.5c-0.25005,-0.25006 9.25005,-1.99994 9,-2.25c-0.25005,-0.25006 -4.24995,-9.49995 -4.5,-9.75c-0.25005,-0.25005 3.25005,-6.49995 3,-6.75c-0.25005,-0.25005 4.00005,-11.74995 3.75,-12c-0.25005,-0.25005 4.00005,-6.49995 3.75,-6.75c-0.25005,-0.25005 4.75005,-7.24995 4.5,-7.5c-0.25005,-0.25005 1.00005,-12.49995 0.75,-12.75c-0.25005,-0.25005 4.75005,1.00005 4.5,0.75c-0.25005,-0.25005 3.25005,17.50005 3,17.25c-0.25005,-0.25005 1.00005,12.25005 0.75,12c-0.25005,-0.25005 1.00005,16.75005 0.75,16.5c-0.25005,-0.25005 -1.99995,30.25006 -2.25,30c-0.25005,-0.25006 1.75005,21.25006 1.5,21c-0.25005,-0.25006 4.75005,4.75006 4.5,4.5c-0.25005,-0.25006 11.50005,-1.99994 11.25,-2.25c-0.25005,-0.25006 8.50006,0.25006 8.25,0c-0.25006,-0.25006 13.75006,-9.49994 13.5,-9.75c-0.25006,-0.25006 20.50006,-1.99994 20.25,-2.25c-0.25006,-0.25006 -2.74994,-10.99994 -3,-11.25c-0.25006,-0.25006 -4.99995,-7.24995 -4.99995,-8.74995c0.00002,-1.49998 6.00002,-5.99998 5.74995,-6.25005c-0.25006,-0.25006 -6.49995,-10.24995 -4.99995,-11.74995c1.50002,-1.49998 14.25002,-12.75 13.99995,-13.00005c-0.25006,-0.25005 14.50005,0.25005 16.00005,0.25005c1.50002,0 7.50002,7.5 7.24995,7.24995c-0.25006,-0.25005 4.00005,7.75005 4.00005,9.25005c0.00002,1.50002 3.00002,12.75002 2.74995,12.49995c-0.25006,-0.25006 -8.74994,15.25006 -9,15c-0.25006,-0.25006 -1.24994,10.00006 -1.5,9.75c-0.25006,-0.25006 10.75005,5.50005 10.75005,4.75005c0.00002,-0.74998 13.50002,10.50002 13.24995,10.24995c-0.25006,-0.25006 4.75006,1.75005 5.50006,1.00005c0.75,-0.75 13.5,-6 14.25,-6c0.75,0 12.75,-2.25 12.75,-1.5c0,0.75002 7.5,15.00002 7.24994,14.74995c-0.25006,-0.25006 3.25006,8.50006 3,8.25c-0.25006,-0.25006 -2.74994,13.00006 -3,12.75c-0.25006,-0.25006 -4.99994,11.50006 -5.25,11.25c-0.25006,-0.25006 11.50006,8.50006 11.25,8.25c-0.25006,-0.25006 13.75006,7.75006 13.5,7.5c-0.25006,-0.25006 8.50006,9.25006 7.75006,10.00006c-0.75,0.75 2.25,84 1.5,84c-0.75,0 -243.00002,-1.5 -243.25006,-1.75006c-0.25005,-0.25006 0.25004,-48.49994 0.25004,-48.49994z" fill="#ffffff"/>
<path filter="url(#svg_10_blur)" id="svg_3" d="m144.25391,273.59375l26.18359,-0.21875l2.95313,80.57813l-10.125,21.51563l-6.75,-5.48438c0,0 -8.04297,-0.20313 -8.04297,-1.04688c0,-0.84375 -11.39063,-19.40625 -11.78516,-19.625c-0.39453,-0.21875 -8.04297,-14.54688 -8.4375,-14.76563c-0.39453,-0.21875 -1.71484,-7.79688 -2.10938,-8.01563c-0.39453,-0.21875 9.25391,-1.46875 8.85938,-1.6875c-0.39453,-0.21875 2.92578,-7.79688 2.53125,-8.01563c-0.39453,-0.21875 2.92578,-10.32813 2.53125,-10.54688c-0.39453,-0.21875 5.45703,-1.04688 5.0625,-1.26563c-0.39453,-0.21875 -3.82422,-11.59375 -4.21875,-11.8125c-0.39453,-0.21875 -0.02734,-7.375 -0.42188,-7.59375c-0.39453,-0.21875 -0.44922,-6.10938 -0.84375,-6.32813c-0.39453,-0.21875 4.61328,-5.6875 4.61328,-5.6875z" fill="#000000"/>
  </mask>
 </defs>
 <g id="tout">
  <title>Love Test</title>
  <rect id="svg_11" height="399.75003" width="399.75003" y="-1.99997" x="-1.24997" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#9e978d"/>
</rect>
  <image fill="#7f7f7f" xlink:href="https://mlkshk-ada.kxcdn.com/r/GTRW.jpg" id="svg_2" height="275.25272" width="243" y="124.24728" x="79.08334" style="mask:url(#couple)"/>
  <circle cy="140.5" cx="139.08334" fill="#ffffff" stroke-dasharray="2,10" stroke-width="0" stroke="#ffffff">
     <animate id="feu" attributename="r" begin="tout.mousedown" dur="0.25s" repeatcount="1" values="0;20"/>
     <animate attributename="stroke-width" begin="tout.mousedown" dur="0.125s" repeatcount="1" values="0;100"/>
  </circle>
  <rect id="svg_5" width="4" y="125" x="137" fill="#ffffff">
     <animate attributeName="height" values="0;26" begin="feu.end" dur="0.25s" fill="freeze"/>
     <animate attributeName="y" values="125;-26" begin="feu.end" dur="0.25s" fill="freeze"/>
  </rect>
<use xlink:href="#corr"/>
<use xlink:href="#corr" transform="translate(-150,0)"/>
</path>
<a xlink:href="http://www.smithsonianmag.com/history/mechanical-matchmaking-the-science-of-love-in-the-1920s-103877403/?no-ist=" target="_blank">
<text font-weight="bold" xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" id="svg_1" y="381.5" x="375.16666" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#4e4746">?</text></a>

 </g>
<g id="big">
<text transform="rotate(-10, 238, 70)" text-anchor="middle" font-family="Sans-Serif" font-size="24" id="svg_8" y="130" x="180" opacity="0" fill="#ffffff">Bang !
<animate attributename="opacity" values="0;1;0" dur="0.5s" begin="tout.mousedown" repeatCount="1"/>
<animateTransform attributename="transform" type="scale" values="1;2" dur="0.5s" begin="tout.mousedown" repeatCount="1"/>
<animate attributename="y" values="130;40" dur="0.5s" begin="tout.mousedown" repeatCount="1"/>
<animate attributename="x" values="180;140" dur="0.5s" begin="tout.mousedown" repeatCount="1"/>

</text>
</g>

</svg>