mardi 20 octobre 2015
Paper move
<svg width="600" height="400" 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="wolfrun">
<rect id="rectblanc" height="299.3334" width="355" y="101" x="-2" stroke-linecap="null" stroke-linejoin="null" stroke-width="0" fill="#ffffff"/>
<image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3HkHvlmpotLY3AuCySzjbm-K0a2cJ5AuQDdJVpFPbJH5tOfVHWFQ90Dx8K8HWNmp6lkIC9FwLuv7-0CPNHp7INnWWLpn8A5ccirQN_MPFd7SmuSqmqKmxuirgUkK8h7FQhrFEH5JB9eU/s600-Ic42/wolf%252520animation.gif" id="wolfgif" height="149" width="219" y="128" x="115"/>
</mask>
</defs>
<g id="group">
<title>Paper Wolf</title>
<image x="0" y="0" xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbk_kJRAvADZoAZazsfaUEu80889As6Dpdvh6q_k7p2YlXcevc_abXICFEXC9qalb392ETh0qg-8m_XB4jQ9teCNwMZgNmRuM9EIC0k6R5wNv_n2ATcGKoVw4EcvpKYTIRd1G6XhOuGo/s772-Ic42/montagnes%252520ecosse.jpg" id="fond" height="400" width="600"/>
<image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFWpyoPZ3PIiIAwjX4LL0GTCC8CY0N0UJpAR53zC8AOLjmKUGTrGAYOJWBUjFnnTChOV4vrtnzaSm3xM7eDSoSzVjEVHgBfHEdDDyNS6KUX4Ns0Ns-fgvR9wWSoS6hlijvS0Otl2RTKNI/s512-Ic42/main.png" id="main" height="318" width="351" y="112" x="-5" style="mask:url(#wolfrun);">
<animateTransform attributeName="transform" attributeType="xml" type="rotate" values="0 30 405;4 30 405;0 30 405;-4 30 405;0 30 405;" dur="5s" repeatCount="indefinite"></animateTransform>
</image>
</g>
<image x="0" y="0" xlink:href="https://lh3.googleusercontent.com/-TbuSoFwBh9w/ViaBiIuuMGI/AAAAAAAAjVE/H4rpYAJ88xY/s600-Ic42/wolfstill.png" id="still" height="400" width="600">
<animate attributeName="opacity" begin="still.click" values="0" fill="freeze" dur="1ms"/>
<animate attributeName="x" begin="still.mousedown" values="-600" fill="freeze" dur="1ms"/>
<animate attributeName="opacity" begin="group.click" values="1" fill="freeze" dur="1ms"/>
<animate attributeName="x" begin="group.mousedown" values="0" fill="freeze" dur="1ms"/>
</image>
</svg>
