lundi 5 octobre 2015
Rebours perpétuel
<svg width="147" height="320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g>
<title>Hands</title>
<image xlink:href="https://lh3.googleusercontent.com/-jDYSYJArIdA/VhJWTcystBI/AAAAAAAAjD0/ga5cTj8dhyU/s320-Ic42/000.png" id="zero" height="320" width="147" y="0" x="0">
<animate attributeName="opacity" values="0" begin="zero.mousedown" dur="0s" fill="freeze"/>
<animate attributeName="opacity" values="1" begin="4fingers.mousedown" dur="0s" fill="freeze"/>
</image>
<image xlink:href="https://lh3.googleusercontent.com/-PR2bqHgqkWE/VhJL0hjU87I/AAAAAAAAjDQ/oZOffm6mrns/s320-Ic42/001.png" id="1finger" height="320" width="147" y="0" x="0">
<animate attributeName="opacity" begin="1finger.mousedown" values="1;0;0" dur="1s" fill="freeze"/>
<animate attributeName="x" begin="1finger.mousedown" values="0;0;-147" dur="1s" fill="freeze"/>
<animate attributeName="opacity" values="0;1;1;1;1" begin="zero.mousedown" dur="3s" fill="freeze"/>
<animate attributeName="x" values="0" begin="zero.mousedown" dur="0s" fill="freeze"/>
</image>
<image xlink:href="https://lh3.googleusercontent.com/-m3h-084-Gvc/VhJL09aROLI/AAAAAAAAjDY/-lf2pzexkhE/s320-Ic42/002.png" id="2fingers" height="320" width="147" y="0" x="0">
<animate attributeName="opacity" begin="2fingers.mousedown" values="1;0;0" dur="1s" fill="freeze"/>
<animate attributeName="x" begin="2fingers.mousedown" values="0;0;-147" dur="1s" fill="freeze"/>
<animate attributeName="opacity" values="0;0;1;1;1" begin="zero.mousedown" dur="3s" fill="freeze"/>
<animate attributeName="x" values="0" begin="zero.mousedown" dur="0s" fill="freeze"/>
</image>
<image xlink:href="https://lh3.googleusercontent.com/-HK6xjSsmww4/VhJL0uFB3FI/AAAAAAAAjDU/8Zvrr3GMrOo/s320-Ic42/003.png" id="3fingers" height="320" width="147" y="0" x="0">
<animate attributeName="opacity" begin="3fingers.mousedown" values="1;0;0" dur="1s" fill="freeze"/>
<animate attributeName="x" begin="3fingers.mousedown" values="0;0;-147" dur="1s" fill="freeze"/>
<animate attributeName="opacity" values="0;0;0;1;1" begin="zero.mousedown" dur="3s" fill="freeze"/>
<animate attributeName="x" values="0" begin="zero.mousedown" dur="0s" fill="freeze"/>
</image>
<image xlink:href="https://lh3.googleusercontent.com/-CmjPTIxBU9o/VhJL1FemvlI/AAAAAAAAjDc/VtJ7hvgzRp0/s320-Ic42/004.png" id="4fingers" height="320" width="147" y="0" x="0">
<animate attributeName="opacity" begin="4fingers.mousedown" values="1;0;0" dur="1s" fill="freeze"/>
<animate attributeName="x" begin="4fingers.mousedown" values="0;0;-147" dur="1s" fill="freeze"/>
<animate attributeName="opacity" values="0;0;0;0;1" begin="zero.mousedown" dur="3s" fill="freeze"/>
<animate attributeName="x" values="0" begin="zero.mousedown" dur="0s" fill="freeze"/>
</image>
</g>
</svg>
